Website build build-and-publish-website/master-2
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..97646a0
--- /dev/null
+++ b/404.html
@@ -0,0 +1,269 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>404 Page not found</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="404 Page not found" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="404 Page not found logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="404 Page not found logo" class="visible-xs visible-sm">
+ <span class="sr-only">404 Page not found - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="content">
+ <div class="container">
+
+ <div class="col-sm-6 col-sm-offset-3" id="error-page">
+
+ <div class="box">
+
+ <p class="text-center">
+ <a href="https://www.eclipse.org/basyx/">
+ <img src="img/basyxlogo.png" alt="404 Page not found logo">
+ </a>
+ </p>
+
+ <h3>We are sorry - this page is not here anymore</h3>
+ <h4 class="text-muted">Error 404 - Page not found</h4>
+
+ <p class="buttons"><a href="https://www.eclipse.org/basyx/" class="btn btn-template-main"><i class="fa fa-home"></i> Go to Homepage</a>
+ </p>
+ </div>
+
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </body>
+</html>
diff --git a/about/BaSyxDesign.png b/about/BaSyxDesign.png
new file mode 100644
index 0000000..5dc3632
--- /dev/null
+++ b/about/BaSyxDesign.png
Binary files differ
diff --git a/about/index.html b/about/index.html
new file mode 100644
index 0000000..4b7d0e0
--- /dev/null
+++ b/about/index.html
@@ -0,0 +1,378 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>About</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="About" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/about//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="About logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="About logo" class="visible-xs visible-sm">
+ <span class="sr-only">About - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>About</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+
+ <div class="row">
+
+
+
+ <div class="col-md-9" id="blog-post">
+
+
+ <p class="text-muted text-uppercase mb-small text-right"></p>
+
+ <div id="post-content">
+ <p class="lead">
+Eclipse BaSyx is an open source platform for the next generation automation. As a reference technology platform, the BaSyx project enables large and small industries, research institutes, academia, and interested persons, to participate in the fourth industrial revolution.
+</p>
+
+<p class="lead">
+By providing common Industrie 4.0 components and an extendable SDK the platform accelerates the development of Industrie 4.0 solutions.
+The Eclipse BaSyx platform addresses challenges like changeable production to enable individualized goods, exploiting big data analytics and connecting heterogenous devices and systems while minimizing downtime and other associated costs.
+<!--use cases like a profitable production of a small lot size or a predictive maintenance for devices.
+Connecting devices at the shop-floor with IT systems at the office-floor, Big Data Analytics and new Business Models are further examples what the platform enables.
+More details about the mentioned use cases could be read <a href="/basyx/use-case/">here</a>.-->
+</p>
+
+<p></p>
+
+<p class="lead">
+To meet these challenges the BaSyx platform is designed as follows:
+<ul class="lead">
+ <li>The plant level consists of high-level plant components that manage, optimize, and monitor the production.</li></br>
+ <li>The middleware level consists of re-useable Industrie 4.0 components that implement required generic and plant-independent capabilities for Industrie 4.0 production lines. Registry and Discovery services, protocol gateways, and Asset Administration Shell providers for example reside on the middleware level.</li></br>
+ <li>The device level consists of automation devices that offer a BaSyx conforming interface. Further at the device level, field devices without any compliant BaSyx interfaces are getting connected. This is done by bridging devices that have BaSyx conforming interfaces for those field devices.</li></br>
+ <li>The field level consists of automation devices, sensors, and actuators without a specific BaSyx conforming interface.</li>
+
+</ul>
+</p>
+
+<p style="text-align:center;">
+ <a href="BaSyxDesign.png">
+ <img src="BaSyxDesign.png"
+ alt="BaSyx Design" width="100%">
+ </a>
+</p>
+
+<p class="lead">
+ You can learn more about BaSyx in our detailed documentation provided on the <a href="https://wiki.eclipse.org/BaSyx">Eclipse Foundation Wiki</a> or by contacting us on <a href="basyx-dev@eclipse.org">basyx-dev@eclipse.org</a>.
+</p>
+
+<p class="lead">
+The Project is actively supported by the German <a href="https://www.basys40.de" target="_blank" rel="noopener">BaSys 4.0 research project</a>, which focuses on research and specification of key Industrie 4.0 concepts, participates in standardization activities, and integrates existing standards and technologies into an Industrie 4.0 middleware project.
+</p>
+ </div>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/calendar/index.html b/calendar/index.html
new file mode 100644
index 0000000..8e54e17
--- /dev/null
+++ b/calendar/index.html
@@ -0,0 +1,303 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Events</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Events" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/calendar//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Events logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Events logo" class="visible-xs visible-sm">
+ <span class="sr-only">Events - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Events</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+
+
+ <div class="container">
+
+ <div class="row">
+
+ <div class="col-md-12">
+
+ <div>
+ <p><strong>Meet the AGILE team at the following events:</strong></p>
+
+<iframe style="border-width: 0;" src="https://calendar.google.com/calendar/embed?showTitle=0&showCalendars=0&height=400&wkst=1&bgcolor=%23ffffff&src=agile.iot.project%40gmail.com&color=%231B887A&ctz=Europe%2FParis" width="800" height="400" frameborder="0" scrolling="no"></iframe>
+
+<p>Click on the <strong>Agenda</strong> tab to visualize the events as a list.</p>
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ </div>
+
+
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/categories/index.html b/categories/index.html
new file mode 100644
index 0000000..a8fd5cd
--- /dev/null
+++ b/categories/index.html
@@ -0,0 +1,332 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Categories</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Categories" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/categories//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Categories logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Categories logo" class="visible-xs visible-sm">
+ <span class="sr-only">Categories - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Categories</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+ <div class="row">
+
+
+ <div class="col-md-9">
+
+
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/categories/index.xml b/categories/index.xml
new file mode 100644
index 0000000..a666f85
--- /dev/null
+++ b/categories/index.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Categories on Eclipse BaSyx</title>
+ <link>https://www.eclipse.org/basyx/categories/</link>
+ <description>Recent content in Categories on Eclipse BaSyx</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language>
+
+ <atom:link href="https://www.eclipse.org/basyx/categories/index.xml" rel="self" type="application/rss+xml" />
+
+
+ </channel>
+</rss>
\ No newline at end of file
diff --git a/categories/page/1/index.html b/categories/page/1/index.html
new file mode 100644
index 0000000..8856a08
--- /dev/null
+++ b/categories/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://www.eclipse.org/basyx/categories/</title><link rel="canonical" href="https://www.eclipse.org/basyx/categories/"/><meta name="robots" content="noindex"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0; url=https://www.eclipse.org/basyx/categories/" /></head></html>
\ No newline at end of file
diff --git a/contact/index.html b/contact/index.html
new file mode 100644
index 0000000..23f8fa7
--- /dev/null
+++ b/contact/index.html
@@ -0,0 +1,351 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Contact</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Contact" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/contact//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Contact logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Contact logo" class="visible-xs visible-sm">
+ <span class="sr-only">Contact - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Contact</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+
+
+ <div class="container" id="contact">
+
+ <div class="row">
+ <div class="col-md-8">
+
+ <section>
+
+
+
+<h1 id="get-involved-in-the-basyx-project">Get involved in the BaSyx project</h1>
+
+<p>Download the Eclipse BaSyx reference implementation and explore the platform. We have detailed documentation on the wiki. Contact us or visit the forum</p>
+
+
+
+
+ <div class="heading">
+ <h3>Contact form</h3>
+ </div>
+
+ <div id="contact-message"></div>
+
+ <form class="contact-form" method="post" action="https://formspree.io/">
+ <div class="row">
+ <div class="col-sm-6">
+ <div class="form-group">
+ <label for="name">Your Name</label>
+ <input type="text" class="form-control" name="name" id="name" required>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="form-group">
+ <label for="email">Your Email</label>
+ <input type="text" class="form-control" name="email" id="email" required>
+ </div>
+ </div>
+ <div class="col-sm-12">
+ <div class="form-group">
+ <label for="message">Your Message</label>
+ <textarea id="message" class="form-control" name="message" required></textarea>
+ </div>
+ </div>
+
+ <div class="col-sm-12 text-center">
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-envelope-o"></i>Send Message</button>
+
+ </div>
+ </div>
+
+ </form>
+
+
+
+ </section>
+
+ </div>
+
+ <div class="col-md-4">
+
+
+
+ </div>
+
+ </div>
+
+</div>
+
+
+
+
+
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/css/animate.css b/css/animate.css
new file mode 100755
index 0000000..f784ce8
--- /dev/null
+++ b/css/animate.css
@@ -0,0 +1,3158 @@
+@charset "UTF-8";
+/*!
+Animate.css - http://daneden.me/animate
+Licensed under the MIT license - http://opensource.org/licenses/MIT
+
+Copyright (c) 2014 Daniel Eden
+*/
+
+.animated {
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+}
+
+.animated.infinite {
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+}
+
+.animated.hinge {
+ -webkit-animation-duration: 2s;
+ animation-duration: 2s;
+}
+
+@-webkit-keyframes bounce {
+ 0%, 20%, 53%, 80%, 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ -webkit-transform: translate3d(0,0,0);
+ transform: translate3d(0,0,0);
+ }
+
+ 40%, 43% {
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ -webkit-transform: translate3d(0, -30px, 0);
+ transform: translate3d(0, -30px, 0);
+ }
+
+ 70% {
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ -webkit-transform: translate3d(0, -15px, 0);
+ transform: translate3d(0, -15px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0,-4px,0);
+ transform: translate3d(0,-4px,0);
+ }
+}
+
+@keyframes bounce {
+ 0%, 20%, 53%, 80%, 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ -webkit-transform: translate3d(0,0,0);
+ transform: translate3d(0,0,0);
+ }
+
+ 40%, 43% {
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ -webkit-transform: translate3d(0, -30px, 0);
+ transform: translate3d(0, -30px, 0);
+ }
+
+ 70% {
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ -webkit-transform: translate3d(0, -15px, 0);
+ transform: translate3d(0, -15px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0,-4px,0);
+ transform: translate3d(0,-4px,0);
+ }
+}
+
+.bounce {
+ -webkit-animation-name: bounce;
+ animation-name: bounce;
+ -webkit-transform-origin: center bottom;
+ -ms-transform-origin: center bottom;
+ transform-origin: center bottom;
+}
+
+@-webkit-keyframes flash {
+ 0%, 50%, 100% {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+@keyframes flash {
+ 0%, 50%, 100% {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+.flash {
+ -webkit-animation-name: flash;
+ animation-name: flash;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes pulse {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 50% {
+ -webkit-transform: scale3d(1.05, 1.05, 1.05);
+ transform: scale3d(1.05, 1.05, 1.05);
+ }
+
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes pulse {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 50% {
+ -webkit-transform: scale3d(1.05, 1.05, 1.05);
+ transform: scale3d(1.05, 1.05, 1.05);
+ }
+
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+.pulse {
+ -webkit-animation-name: pulse;
+ animation-name: pulse;
+}
+
+@-webkit-keyframes rubberBand {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 30% {
+ -webkit-transform: scale3d(1.25, 0.75, 1);
+ transform: scale3d(1.25, 0.75, 1);
+ }
+
+ 40% {
+ -webkit-transform: scale3d(0.75, 1.25, 1);
+ transform: scale3d(0.75, 1.25, 1);
+ }
+
+ 50% {
+ -webkit-transform: scale3d(1.15, 0.85, 1);
+ transform: scale3d(1.15, 0.85, 1);
+ }
+
+ 65% {
+ -webkit-transform: scale3d(.95, 1.05, 1);
+ transform: scale3d(.95, 1.05, 1);
+ }
+
+ 75% {
+ -webkit-transform: scale3d(1.05, .95, 1);
+ transform: scale3d(1.05, .95, 1);
+ }
+
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes rubberBand {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 30% {
+ -webkit-transform: scale3d(1.25, 0.75, 1);
+ transform: scale3d(1.25, 0.75, 1);
+ }
+
+ 40% {
+ -webkit-transform: scale3d(0.75, 1.25, 1);
+ transform: scale3d(0.75, 1.25, 1);
+ }
+
+ 50% {
+ -webkit-transform: scale3d(1.15, 0.85, 1);
+ transform: scale3d(1.15, 0.85, 1);
+ }
+
+ 65% {
+ -webkit-transform: scale3d(.95, 1.05, 1);
+ transform: scale3d(.95, 1.05, 1);
+ }
+
+ 75% {
+ -webkit-transform: scale3d(1.05, .95, 1);
+ transform: scale3d(1.05, .95, 1);
+ }
+
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+.rubberBand {
+ -webkit-animation-name: rubberBand;
+ animation-name: rubberBand;
+}
+
+@-webkit-keyframes shake {
+ 0%, 100% {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 20%, 40%, 60%, 80% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
+}
+
+@keyframes shake {
+ 0%, 100% {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 20%, 40%, 60%, 80% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
+}
+
+.shake {
+ -webkit-animation-name: shake;
+ animation-name: shake;
+}
+
+@-webkit-keyframes swing {
+ 20% {
+ -webkit-transform: rotate3d(0, 0, 1, 15deg);
+ transform: rotate3d(0, 0, 1, 15deg);
+ }
+
+ 40% {
+ -webkit-transform: rotate3d(0, 0, 1, -10deg);
+ transform: rotate3d(0, 0, 1, -10deg);
+ }
+
+ 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 5deg);
+ transform: rotate3d(0, 0, 1, 5deg);
+ }
+
+ 80% {
+ -webkit-transform: rotate3d(0, 0, 1, -5deg);
+ transform: rotate3d(0, 0, 1, -5deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
+ transform: rotate3d(0, 0, 1, 0deg);
+ }
+}
+
+@keyframes swing {
+ 20% {
+ -webkit-transform: rotate3d(0, 0, 1, 15deg);
+ transform: rotate3d(0, 0, 1, 15deg);
+ }
+
+ 40% {
+ -webkit-transform: rotate3d(0, 0, 1, -10deg);
+ transform: rotate3d(0, 0, 1, -10deg);
+ }
+
+ 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 5deg);
+ transform: rotate3d(0, 0, 1, 5deg);
+ }
+
+ 80% {
+ -webkit-transform: rotate3d(0, 0, 1, -5deg);
+ transform: rotate3d(0, 0, 1, -5deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
+ transform: rotate3d(0, 0, 1, 0deg);
+ }
+}
+
+.swing {
+ -webkit-transform-origin: top center;
+ -ms-transform-origin: top center;
+ transform-origin: top center;
+ -webkit-animation-name: swing;
+ animation-name: swing;
+}
+
+@-webkit-keyframes tada {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 10%, 20% {
+ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 40%, 60%, 80% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes tada {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 10%, 20% {
+ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 40%, 60%, 80% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+.tada {
+ -webkit-animation-name: tada;
+ animation-name: tada;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes wobble {
+ 0% {
+ -webkit-transform: none;
+ transform: none;
+ }
+
+ 15% {
+ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ }
+
+ 30% {
+ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 45% {
+ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 60% {
+ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes wobble {
+ 0% {
+ -webkit-transform: none;
+ transform: none;
+ }
+
+ 15% {
+ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ }
+
+ 30% {
+ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 45% {
+ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 60% {
+ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.wobble {
+ -webkit-animation-name: wobble;
+ animation-name: wobble;
+}
+
+@-webkit-keyframes bounceIn {
+ 0%, 20%, 40%, 60%, 80%, 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+
+ 20% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 40% {
+ -webkit-transform: scale3d(.9, .9, .9);
+ transform: scale3d(.9, .9, .9);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
+ transform: scale3d(1.03, 1.03, 1.03);
+ }
+
+ 80% {
+ -webkit-transform: scale3d(.97, .97, .97);
+ transform: scale3d(.97, .97, .97);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes bounceIn {
+ 0%, 20%, 40%, 60%, 80%, 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+
+ 20% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 40% {
+ -webkit-transform: scale3d(.9, .9, .9);
+ transform: scale3d(.9, .9, .9);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
+ transform: scale3d(1.03, 1.03, 1.03);
+ }
+
+ 80% {
+ -webkit-transform: scale3d(.97, .97, .97);
+ transform: scale3d(.97, .97, .97);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+.bounceIn {
+ -webkit-animation-name: bounceIn;
+ animation-name: bounceIn;
+ -webkit-animation-duration: .75s;
+ animation-duration: .75s;
+}
+
+@-webkit-keyframes bounceInDown {
+ 0%, 60%, 75%, 90%, 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -3000px, 0);
+ transform: translate3d(0, -3000px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 25px, 0);
+ transform: translate3d(0, 25px, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, 5px, 0);
+ transform: translate3d(0, 5px, 0);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes bounceInDown {
+ 0%, 60%, 75%, 90%, 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -3000px, 0);
+ transform: translate3d(0, -3000px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 25px, 0);
+ transform: translate3d(0, 25px, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, 5px, 0);
+ transform: translate3d(0, 5px, 0);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.bounceInDown {
+ -webkit-animation-name: bounceInDown;
+ animation-name: bounceInDown;
+}
+
+@-webkit-keyframes bounceInLeft {
+ 0%, 60%, 75%, 90%, 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-3000px, 0, 0);
+ transform: translate3d(-3000px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(25px, 0, 0);
+ transform: translate3d(25px, 0, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(5px, 0, 0);
+ transform: translate3d(5px, 0, 0);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes bounceInLeft {
+ 0%, 60%, 75%, 90%, 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-3000px, 0, 0);
+ transform: translate3d(-3000px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(25px, 0, 0);
+ transform: translate3d(25px, 0, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(5px, 0, 0);
+ transform: translate3d(5px, 0, 0);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.bounceInLeft {
+ -webkit-animation-name: bounceInLeft;
+ animation-name: bounceInLeft;
+}
+
+@-webkit-keyframes bounceInRight {
+ 0%, 60%, 75%, 90%, 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(3000px, 0, 0);
+ transform: translate3d(3000px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(-25px, 0, 0);
+ transform: translate3d(-25px, 0, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(-5px, 0, 0);
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes bounceInRight {
+ 0%, 60%, 75%, 90%, 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(3000px, 0, 0);
+ transform: translate3d(3000px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(-25px, 0, 0);
+ transform: translate3d(-25px, 0, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(-5px, 0, 0);
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.bounceInRight {
+ -webkit-animation-name: bounceInRight;
+ animation-name: bounceInRight;
+}
+
+@-webkit-keyframes bounceInUp {
+ 0%, 60%, 75%, 90%, 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 3000px, 0);
+ transform: translate3d(0, 3000px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, -5px, 0);
+ transform: translate3d(0, -5px, 0);
+ }
+
+ 100% {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes bounceInUp {
+ 0%, 60%, 75%, 90%, 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 3000px, 0);
+ transform: translate3d(0, 3000px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, -5px, 0);
+ transform: translate3d(0, -5px, 0);
+ }
+
+ 100% {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+.bounceInUp {
+ -webkit-animation-name: bounceInUp;
+ animation-name: bounceInUp;
+}
+
+@-webkit-keyframes bounceOut {
+ 20% {
+ -webkit-transform: scale3d(.9, .9, .9);
+ transform: scale3d(.9, .9, .9);
+ }
+
+ 50%, 55% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+}
+
+@keyframes bounceOut {
+ 20% {
+ -webkit-transform: scale3d(.9, .9, .9);
+ transform: scale3d(.9, .9, .9);
+ }
+
+ 50%, 55% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+}
+
+.bounceOut {
+ -webkit-animation-name: bounceOut;
+ animation-name: bounceOut;
+ -webkit-animation-duration: .75s;
+ animation-duration: .75s;
+}
+
+@-webkit-keyframes bounceOutDown {
+ 20% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+@keyframes bounceOutDown {
+ 20% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+.bounceOutDown {
+ -webkit-animation-name: bounceOutDown;
+ animation-name: bounceOutDown;
+}
+
+@-webkit-keyframes bounceOutLeft {
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(20px, 0, 0);
+ transform: translate3d(20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+@keyframes bounceOutLeft {
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(20px, 0, 0);
+ transform: translate3d(20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+.bounceOutLeft {
+ -webkit-animation-name: bounceOutLeft;
+ animation-name: bounceOutLeft;
+}
+
+@-webkit-keyframes bounceOutRight {
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(-20px, 0, 0);
+ transform: translate3d(-20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+@keyframes bounceOutRight {
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(-20px, 0, 0);
+ transform: translate3d(-20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+.bounceOutRight {
+ -webkit-animation-name: bounceOutRight;
+ animation-name: bounceOutRight;
+}
+
+@-webkit-keyframes bounceOutUp {
+ 20% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 20px, 0);
+ transform: translate3d(0, 20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+@keyframes bounceOutUp {
+ 20% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 20px, 0);
+ transform: translate3d(0, 20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+.bounceOutUp {
+ -webkit-animation-name: bounceOutUp;
+ animation-name: bounceOutUp;
+}
+
+@-webkit-keyframes fadeIn {
+ 0% {opacity: 0;}
+ 100% {opacity: 1;}
+}
+
+@keyframes fadeIn {
+ 0% {opacity: 0;}
+ 100% {opacity: 1;}
+}
+
+.fadeIn {
+ -webkit-animation-name: fadeIn;
+ animation-name: fadeIn;
+}
+
+@-webkit-keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInDown {
+ -webkit-animation-name: fadeInDown;
+ animation-name: fadeInDown;
+}
+
+@-webkit-keyframes fadeInDownBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInDownBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInDownBig {
+ -webkit-animation-name: fadeInDownBig;
+ animation-name: fadeInDownBig;
+}
+
+@-webkit-keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInLeft {
+ -webkit-animation-name: fadeInLeft;
+ animation-name: fadeInLeft;
+}
+
+@-webkit-keyframes fadeInLeftBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInLeftBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInLeftBig {
+ -webkit-animation-name: fadeInLeftBig;
+ animation-name: fadeInLeftBig;
+}
+
+@-webkit-keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInRight {
+ -webkit-animation-name: fadeInRight;
+ animation-name: fadeInRight;
+}
+
+@-webkit-keyframes fadeInRightBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInRightBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInRightBig {
+ -webkit-animation-name: fadeInRightBig;
+ animation-name: fadeInRightBig;
+}
+
+@-webkit-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInUp {
+ -webkit-animation-name: fadeInUp;
+ animation-name: fadeInUp;
+}
+
+@-webkit-keyframes fadeInUpBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInUpBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInUpBig {
+ -webkit-animation-name: fadeInUpBig;
+ animation-name: fadeInUpBig;
+}
+
+@-webkit-keyframes fadeOut {
+ 0% {opacity: 1;}
+ 100% {opacity: 0;}
+}
+
+@keyframes fadeOut {
+ 0% {opacity: 1;}
+ 100% {opacity: 0;}
+}
+
+.fadeOut {
+ -webkit-animation-name: fadeOut;
+ animation-name: fadeOut;
+}
+
+@-webkit-keyframes fadeOutDown {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+}
+
+@keyframes fadeOutDown {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+}
+
+.fadeOutDown {
+ -webkit-animation-name: fadeOutDown;
+ animation-name: fadeOutDown;
+}
+
+@-webkit-keyframes fadeOutDownBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+@keyframes fadeOutDownBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+.fadeOutDownBig {
+ -webkit-animation-name: fadeOutDownBig;
+ animation-name: fadeOutDownBig;
+}
+
+@-webkit-keyframes fadeOutLeft {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+}
+
+@keyframes fadeOutLeft {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+}
+
+.fadeOutLeft {
+ -webkit-animation-name: fadeOutLeft;
+ animation-name: fadeOutLeft;
+}
+
+@-webkit-keyframes fadeOutLeftBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+@keyframes fadeOutLeftBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+.fadeOutLeftBig {
+ -webkit-animation-name: fadeOutLeftBig;
+ animation-name: fadeOutLeftBig;
+}
+
+@-webkit-keyframes fadeOutRight {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+}
+
+@keyframes fadeOutRight {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+}
+
+.fadeOutRight {
+ -webkit-animation-name: fadeOutRight;
+ animation-name: fadeOutRight;
+}
+
+@-webkit-keyframes fadeOutRightBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+@keyframes fadeOutRightBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+.fadeOutRightBig {
+ -webkit-animation-name: fadeOutRightBig;
+ animation-name: fadeOutRightBig;
+}
+
+@-webkit-keyframes fadeOutUp {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+}
+
+@keyframes fadeOutUp {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+}
+
+.fadeOutUp {
+ -webkit-animation-name: fadeOutUp;
+ animation-name: fadeOutUp;
+}
+
+@-webkit-keyframes fadeOutUpBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+@keyframes fadeOutUpBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+.fadeOutUpBig {
+ -webkit-animation-name: fadeOutUpBig;
+ animation-name: fadeOutUpBig;
+}
+
+@-webkit-keyframes flip {
+ 0% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 50% {
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
+ transform: perspective(400px) scale3d(.95, .95, .95);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+}
+
+@keyframes flip {
+ 0% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 50% {
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
+ transform: perspective(400px) scale3d(.95, .95, .95);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+}
+
+.animated.flip {
+ -webkit-backface-visibility: visible;
+ backface-visibility: visible;
+ -webkit-animation-name: flip;
+ animation-name: flip;
+}
+
+@-webkit-keyframes flipInX {
+ 0% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ }
+
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+}
+
+@keyframes flipInX {
+ 0% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ }
+
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+}
+
+.flipInX {
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipInX;
+ animation-name: flipInX;
+}
+
+@-webkit-keyframes flipInY {
+ 0% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ }
+
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+}
+
+@keyframes flipInY {
+ 0% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ }
+
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+}
+
+.flipInY {
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipInY;
+ animation-name: flipInY;
+}
+
+@-webkit-keyframes flipOutX {
+ 0% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes flipOutX {
+ 0% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ opacity: 0;
+ }
+}
+
+.flipOutX {
+ -webkit-animation-name: flipOutX;
+ animation-name: flipOutX;
+ -webkit-animation-duration: .75s;
+ animation-duration: .75s;
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+}
+
+@-webkit-keyframes flipOutY {
+ 0% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes flipOutY {
+ 0% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ opacity: 0;
+ }
+}
+
+.flipOutY {
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipOutY;
+ animation-name: flipOutY;
+ -webkit-animation-duration: .75s;
+ animation-duration: .75s;
+}
+
+@-webkit-keyframes lightSpeedIn {
+ 0% {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+ transform: translate3d(100%, 0, 0) skewX(-30deg);
+ opacity: 0;
+ }
+
+ 60% {
+ -webkit-transform: skewX(20deg);
+ transform: skewX(20deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: skewX(-5deg);
+ transform: skewX(-5deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes lightSpeedIn {
+ 0% {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+ transform: translate3d(100%, 0, 0) skewX(-30deg);
+ opacity: 0;
+ }
+
+ 60% {
+ -webkit-transform: skewX(20deg);
+ transform: skewX(20deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: skewX(-5deg);
+ transform: skewX(-5deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.lightSpeedIn {
+ -webkit-animation-name: lightSpeedIn;
+ animation-name: lightSpeedIn;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+}
+
+@-webkit-keyframes lightSpeedOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+ transform: translate3d(100%, 0, 0) skewX(30deg);
+ opacity: 0;
+ }
+}
+
+@keyframes lightSpeedOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+ transform: translate3d(100%, 0, 0) skewX(30deg);
+ opacity: 0;
+ }
+}
+
+.lightSpeedOut {
+ -webkit-animation-name: lightSpeedOut;
+ animation-name: lightSpeedOut;
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+}
+
+@-webkit-keyframes rotateIn {
+ 0% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: rotate3d(0, 0, 1, -200deg);
+ transform: rotate3d(0, 0, 1, -200deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateIn {
+ 0% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: rotate3d(0, 0, 1, -200deg);
+ transform: rotate3d(0, 0, 1, -200deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateIn {
+ -webkit-animation-name: rotateIn;
+ animation-name: rotateIn;
+}
+
+@-webkit-keyframes rotateInDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateInDownLeft {
+ -webkit-animation-name: rotateInDownLeft;
+ animation-name: rotateInDownLeft;
+}
+
+@-webkit-keyframes rotateInDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateInDownRight {
+ -webkit-animation-name: rotateInDownRight;
+ animation-name: rotateInDownRight;
+}
+
+@-webkit-keyframes rotateInUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateInUpLeft {
+ -webkit-animation-name: rotateInUpLeft;
+ animation-name: rotateInUpLeft;
+}
+
+@-webkit-keyframes rotateInUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -90deg);
+ transform: rotate3d(0, 0, 1, -90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -90deg);
+ transform: rotate3d(0, 0, 1, -90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateInUpRight {
+ -webkit-animation-name: rotateInUpRight;
+ animation-name: rotateInUpRight;
+}
+
+@-webkit-keyframes rotateOut {
+ 0% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: rotate3d(0, 0, 1, 200deg);
+ transform: rotate3d(0, 0, 1, 200deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOut {
+ 0% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: rotate3d(0, 0, 1, 200deg);
+ transform: rotate3d(0, 0, 1, 200deg);
+ opacity: 0;
+ }
+}
+
+.rotateOut {
+ -webkit-animation-name: rotateOut;
+ animation-name: rotateOut;
+}
+
+@-webkit-keyframes rotateOutDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutDownLeft {
+ -webkit-animation-name: rotateOutDownLeft;
+ animation-name: rotateOutDownLeft;
+}
+
+@-webkit-keyframes rotateOutDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutDownRight {
+ -webkit-animation-name: rotateOutDownRight;
+ animation-name: rotateOutDownRight;
+}
+
+@-webkit-keyframes rotateOutUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutUpLeft {
+ -webkit-animation-name: rotateOutUpLeft;
+ animation-name: rotateOutUpLeft;
+}
+
+@-webkit-keyframes rotateOutUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 90deg);
+ transform: rotate3d(0, 0, 1, 90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 90deg);
+ transform: rotate3d(0, 0, 1, 90deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutUpRight {
+ -webkit-animation-name: rotateOutUpRight;
+ animation-name: rotateOutUpRight;
+}
+
+@-webkit-keyframes hinge {
+ 0% {
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 20%, 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 80deg);
+ transform: rotate3d(0, 0, 1, 80deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 40%, 80% {
+ -webkit-transform: rotate3d(0, 0, 1, 60deg);
+ transform: rotate3d(0, 0, 1, 60deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translate3d(0, 700px, 0);
+ transform: translate3d(0, 700px, 0);
+ opacity: 0;
+ }
+}
+
+@keyframes hinge {
+ 0% {
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 20%, 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 80deg);
+ transform: rotate3d(0, 0, 1, 80deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 40%, 80% {
+ -webkit-transform: rotate3d(0, 0, 1, 60deg);
+ transform: rotate3d(0, 0, 1, 60deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translate3d(0, 700px, 0);
+ transform: translate3d(0, 700px, 0);
+ opacity: 0;
+ }
+}
+
+.hinge {
+ -webkit-animation-name: hinge;
+ animation-name: hinge;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes rollIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.rollIn {
+ -webkit-animation-name: rollIn;
+ animation-name: rollIn;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ }
+}
+
+@keyframes rollOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ }
+}
+
+.rollOut {
+ -webkit-animation-name: rollOut;
+ animation-name: rollOut;
+}
+
+@-webkit-keyframes zoomIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+
+ 50% {
+ opacity: 1;
+ }
+}
+
+@keyframes zoomIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+
+ 50% {
+ opacity: 1;
+ }
+}
+
+.zoomIn {
+ -webkit-animation-name: zoomIn;
+ animation-name: zoomIn;
+}
+
+@-webkit-keyframes zoomInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+@keyframes zoomInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+.zoomInDown {
+ -webkit-animation-name: zoomInDown;
+ animation-name: zoomInDown;
+}
+
+@-webkit-keyframes zoomInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+ transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+@keyframes zoomInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+ transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+.zoomInLeft {
+ -webkit-animation-name: zoomInLeft;
+ animation-name: zoomInLeft;
+}
+
+@-webkit-keyframes zoomInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+ transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+@keyframes zoomInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+ transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+.zoomInRight {
+ -webkit-animation-name: zoomInRight;
+ animation-name: zoomInRight;
+}
+
+@-webkit-keyframes zoomInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+@keyframes zoomInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+.zoomInUp {
+ -webkit-animation-name: zoomInUp;
+ animation-name: zoomInUp;
+}
+
+@-webkit-keyframes zoomOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+@keyframes zoomOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+.zoomOut {
+ -webkit-animation-name: zoomOut;
+ animation-name: zoomOut;
+}
+
+@-webkit-keyframes zoomOutDown {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+@keyframes zoomOutDown {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+.zoomOutDown {
+ -webkit-animation-name: zoomOutDown;
+ animation-name: zoomOutDown;
+}
+
+@-webkit-keyframes zoomOutLeft {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
+ transform: scale(.1) translate3d(-2000px, 0, 0);
+ -webkit-transform-origin: left center;
+ transform-origin: left center;
+ }
+}
+
+@keyframes zoomOutLeft {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
+ transform: scale(.1) translate3d(-2000px, 0, 0);
+ -webkit-transform-origin: left center;
+ transform-origin: left center;
+ }
+}
+
+.zoomOutLeft {
+ -webkit-animation-name: zoomOutLeft;
+ animation-name: zoomOutLeft;
+}
+
+@-webkit-keyframes zoomOutRight {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
+ transform: scale(.1) translate3d(2000px, 0, 0);
+ -webkit-transform-origin: right center;
+ transform-origin: right center;
+ }
+}
+
+@keyframes zoomOutRight {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
+ transform: scale(.1) translate3d(2000px, 0, 0);
+ -webkit-transform-origin: right center;
+ transform-origin: right center;
+ }
+}
+
+.zoomOutRight {
+ -webkit-animation-name: zoomOutRight;
+ animation-name: zoomOutRight;
+}
+
+@-webkit-keyframes zoomOutUp {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+@keyframes zoomOutUp {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+.zoomOutUp {
+ -webkit-animation-name: zoomOutUp;
+ animation-name: zoomOutUp;
+}
+
+@-webkit-keyframes slideInDown {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes slideInDown {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.slideInDown {
+ -webkit-animation-name: slideInDown;
+ animation-name: slideInDown;
+}
+
+@-webkit-keyframes slideInLeft {
+ 0% {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes slideInLeft {
+ 0% {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.slideInLeft {
+ -webkit-animation-name: slideInLeft;
+ animation-name: slideInLeft;
+}
+
+@-webkit-keyframes slideInRight {
+ 0% {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes slideInRight {
+ 0% {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.slideInRight {
+ -webkit-animation-name: slideInRight;
+ animation-name: slideInRight;
+}
+
+@-webkit-keyframes slideInUp {
+ 0% {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes slideInUp {
+ 0% {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.slideInUp {
+ -webkit-animation-name: slideInUp;
+ animation-name: slideInUp;
+}
+
+@-webkit-keyframes slideOutDown {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+
+@keyframes slideOutDown {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+
+.slideOutDown {
+ -webkit-animation-name: slideOutDown;
+ animation-name: slideOutDown;
+}
+
+@-webkit-keyframes slideOutLeft {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+
+@keyframes slideOutLeft {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+
+.slideOutLeft {
+ -webkit-animation-name: slideOutLeft;
+ animation-name: slideOutLeft;
+}
+
+@-webkit-keyframes slideOutRight {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+
+@keyframes slideOutRight {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+
+.slideOutRight {
+ -webkit-animation-name: slideOutRight;
+ animation-name: slideOutRight;
+}
+
+@-webkit-keyframes slideOutUp {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+
+@keyframes slideOutUp {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+
+.slideOutUp {
+ -webkit-animation-name: slideOutUp;
+ animation-name: slideOutUp;
+}
diff --git a/css/custom.css b/css/custom.css
new file mode 100755
index 0000000..95c3097
--- /dev/null
+++ b/css/custom.css
@@ -0,0 +1,10 @@
+/* your styles go here */
+
+.box-image-text .image {
+ min-height: 200px;
+ max-height: 200px;
+}
+
+.box-simple {
+ min-height: 230px;
+}
diff --git a/css/owl.carousel.css b/css/owl.carousel.css
new file mode 100755
index 0000000..10c9276
--- /dev/null
+++ b/css/owl.carousel.css
@@ -0,0 +1,70 @@
+/*
+ * Core Owl Carousel CSS File
+ * v1.3.2
+ */
+
+/* clearfix */
+.owl-carousel .owl-wrapper:after {
+ content: ".";
+ display: block;
+ clear: both;
+ visibility: hidden;
+ line-height: 0;
+ height: 0;
+}
+/* display none until init */
+.owl-carousel{
+ display: none;
+ position: relative;
+ width: 100%;
+ -ms-touch-action: pan-y;
+}
+.owl-carousel .owl-wrapper{
+ display: none;
+ position: relative;
+ -webkit-transform: translate3d(0px, 0px, 0px);
+}
+.owl-carousel .owl-wrapper-outer{
+ overflow: hidden;
+ position: relative;
+ width: 100%;
+}
+.owl-carousel .owl-wrapper-outer.autoHeight{
+ -webkit-transition: height 500ms ease-in-out;
+ -moz-transition: height 500ms ease-in-out;
+ -ms-transition: height 500ms ease-in-out;
+ -o-transition: height 500ms ease-in-out;
+ transition: height 500ms ease-in-out;
+}
+
+.owl-carousel .owl-item{
+ float: left;
+}
+.owl-controls .owl-page,
+.owl-controls .owl-buttons div{
+ cursor: pointer;
+}
+.owl-controls {
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/* mouse grab icon */
+.grabbing {
+ cursor:url(/img/grabbing.png) 8 8, move;
+}
+
+/* fix */
+.owl-carousel .owl-wrapper,
+.owl-carousel .owl-item{
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ -webkit-transform: translate3d(0,0,0);
+ -moz-transform: translate3d(0,0,0);
+ -ms-transform: translate3d(0,0,0);
+}
diff --git a/css/owl.theme.css b/css/owl.theme.css
new file mode 100755
index 0000000..b3c430e
--- /dev/null
+++ b/css/owl.theme.css
@@ -0,0 +1,69 @@
+/*
+* Owl Carousel Owl Demo Theme
+* v1.3.2
+*/
+
+.owl-theme .owl-controls{
+ margin-top: 10px;
+ text-align: center;
+}
+
+/* Styling Next and Prev buttons */
+
+.owl-theme .owl-controls .owl-buttons div{
+ display: inline-block;
+ zoom: 1;
+ *display: inline;/*IE7 life-saver */
+}
+/* Clickable class fix problem with hover on touch devices */
+/* Use it for non-touch hover action */
+.owl-theme .owl-controls.clickable .owl-buttons div:hover{
+ filter: Alpha(Opacity=100);/*IE7 fix*/
+ opacity: 1;
+ text-decoration: none;
+}
+
+/* Styling Pagination*/
+
+.owl-theme .owl-controls .owl-page{
+ display: inline-block;
+ zoom: 1;
+ *display: inline;/*IE7 life-saver */
+}
+.owl-theme .owl-controls .owl-page span{
+ display: block;
+ width: 12px;
+ height: 12px;
+ margin: 5px 7px;
+ filter: Alpha(Opacity=50);/*IE7 fix*/
+ opacity: 0.5;
+ -webkit-border-radius: 20px;
+ -moz-border-radius: 20px;
+ border-radius: 20px;
+ background: #869791;
+}
+
+.owl-theme .owl-controls .owl-page.active span,
+.owl-theme .owl-controls.clickable .owl-page:hover span{
+ filter: Alpha(Opacity=100);/*IE7 fix*/
+ opacity: 1;
+}
+
+/* If PaginationNumbers is true */
+
+.owl-theme .owl-controls .owl-page span.owl-numbers{
+ height: auto;
+ width: auto;
+ color: #FFF;
+ padding: 2px 10px;
+ font-size: 12px;
+ -webkit-border-radius: 30px;
+ -moz-border-radius: 30px;
+ border-radius: 30px;
+}
+
+/* preloading images */
+.owl-item.loading{
+ min-height: 150px;
+ background: url(AjaxLoader.gif) no-repeat center center
+}
\ No newline at end of file
diff --git a/css/style.blue.css b/css/style.blue.css
new file mode 100755
index 0000000..08b619c
--- /dev/null
+++ b/css/style.blue.css
@@ -0,0 +1,3562 @@
+.clearfix:before,
+.clearfix:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after {
+ content: " ";
+ display: table;
+}
+.clearfix:after,
+.navbar:after,
+.navbar-header: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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+/* general styles */
+a,
+button {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+a i.fa,
+button i.fa {
+ margin: 0 5px;
+}
+.clickable {
+ cursor: pointer !important;
+}
+.required {
+ color: #467fbf;
+}
+.accent {
+ color: #467fbf;
+}
+.text-uppercase {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .text-center-sm {
+ text-align: center;
+ }
+}
+p.lead {
+ margin-bottom: 40px;
+}
+section,
+div.section {
+ margin-bottom: 40px;
+}
+.no-mb {
+ margin-bottom: 0 !important;
+}
+.mb-small {
+ margin-bottom: 20px !important;
+}
+.heading {
+ margin-bottom: 40px;
+}
+.heading h1,
+.heading h2,
+.heading h3,
+.heading h4,
+.heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #467fbf;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+ vertical-align: middle;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.heading h1 i.fa,
+.heading h2 i.fa,
+.heading h3 i.fa,
+.heading h4 i.fa,
+.heading h5 i.fa {
+ display: inline-block;
+ background: #467fbf;
+ width: 30px;
+ height: 30px;
+ vertical-align: middle;
+ text-align: center;
+ color: #fff;
+ font-size: 12px;
+ line-height: 30px;
+ border-radius: 15px;
+}
+.icon {
+ display: inline-block;
+ width: 80px;
+ height: 80px;
+ color: #fff;
+ line-height: 80px;
+ border-radius: 40px;
+ border: solid 1px #fff;
+ font-size: 30px;
+}
+.icon.icon-lg {
+ font-size: 30px;
+ border-width: 2px;
+}
+.ul-icons {
+ padding-left: 10px;
+}
+.ul-icons li {
+ list-style-type: none;
+ line-height: 20px;
+ margin-bottom: 20px;
+}
+.ul-icons li i {
+ width: 20px;
+ height: 20px;
+ background: #467fbf;
+ color: #fff;
+ text-align: center;
+ border-radius: 10px;
+ line-height: 20px;
+ margin-right: 10px;
+}
+ul.list-style-none {
+ list-style: none;
+}
+ul.-list-style{
+ font-family: Roboto, Helvetica, Arial, Sans-Serif
+}
+
+
+#text-page h1,
+#text-page h2,
+#text-page h3 {
+ font-weight: 700;
+}
+#error-page {
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 100px;
+}
+#error-page h4 {
+ margin-bottom: 40px;
+}
+#error-page p.buttons {
+ margin-top: 40px;
+}
+.pages-listing .item {
+ text-align: center;
+}
+.pages-listing .item h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+ letter-spacing: 0.08em;
+}
+.pages-listing .item h3 a {
+ color: #555555;
+}
+.pages-listing .item .text {
+ margin-bottom: 20px;
+}
+.pages-listing .item .text p {
+ color: #999999;
+ font-size: 12px;
+ margin-bottom: 20px;
+}
+.banner {
+ margin-bottom: 30px;
+ text-align: center;
+}
+.banner img {
+ margin: 0 auto;
+}
+.banner a:hover img {
+ opacity: 0.8;
+ filter: alpha(opacity=80);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.pages {
+ text-align: center;
+}
+.pages .loadMore {
+ text-align: center;
+}
+.pages .pagination {
+ text-align: center;
+}
+.features-buttons button {
+ margin-bottom: 20px;
+}
+@media (min-width: 1300px) {
+ body.boxed {
+ background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png);
+ }
+ body.boxed #all {
+ position: relative;
+ background: #fff;
+ width: 1200px;
+ margin: 0 auto;
+ overflow: hidden;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ }
+}
+#top {
+ background: #555555;
+ color: #eeeeee;
+ padding: 10px 0;
+}
+#top p {
+ margin: 0;
+ font-size: 12px;
+}
+#top .social {
+ float: right;
+ text-align: right;
+}
+#top .social a {
+ color: #999999;
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ border-radius: 12px;
+ line-height: 20px;
+ font-size: 12px;
+ text-align: center;
+ vertical-align: bottom;
+}
+#top .social a:hover {
+ color: #fff;
+}
+#top .social a:hover.facebook {
+ background-color: #4460ae;
+}
+#top .social a:hover.gplus {
+ background-color: #c21f25;
+}
+#top .social a:hover.twitter {
+ background-color: #3cf;
+}
+#top .social a:hover.instagram {
+ background-color: #cd4378;
+}
+#top .social a:hover.email {
+ background-color: #4a7f45;
+}
+#top .login {
+ float: right;
+}
+#top .login a {
+ font-size: 12px;
+ color: #eeeeee;
+ margin-right: 15px;
+ text-decoration: none;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 767px) {
+ #top .login {
+ float: left;
+ }
+}
+#top.light {
+ background: #fff;
+ color: #999999;
+ border-bottom: solid 1px #eeeeee;
+}
+#top.light .login a {
+ color: #555555;
+}
+.navbar {
+ border: none;
+}
+.navbar ul.nav > li > a {
+ text-transform: uppercase;
+ text-decoration: underline;
+ font-weight: bold;
+ letter-spacing: 0.08em;
+ border-top: solid 5px transparent;
+}
+.navbar ul.nav > li > a:hover {
+ border-top: solid 5px #467fbf;
+}
+.navbar ul.nav > li.active > a,
+.navbar ul.nav > li.open > a {
+ text-decoration: none !important;
+ border-top: solid 5px #294d76;
+}
+@media (max-width: 768px) {
+ .navbar ul.nav > li.active > a,
+ .navbar ul.nav > li.open > a {
+ border-top-color: transparent;
+ }
+ .navbar ul.nav > li > a:hover {
+ border-top-color: transparent;
+ }
+}
+.navbar.navbar-light ul.nav > li.active > a {
+ border-top: solid 5px #294d76;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar.navbar-light ul.nav > li.active > a:hover {
+ border-top: solid 5px #294d76;
+}
+.navbar.navbar-light ul.nav > li > a:hover,
+.navbar.navbar-light ul.nav > li.open > a:hover,
+.navbar.navbar-light ul.nav > li > a:focus,
+.navbar.navbar-light ul.nav > li.open > a:focus {
+ border-top: solid 5px #467fbf;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar ul.dropdown-menu {
+ margin: 0;
+ padding: 0;
+}
+.navbar ul.dropdown-menu li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 4px 0;
+}
+.navbar ul.dropdown-menu li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ left: 0;
+}
+.navbar ul.dropdown-menu li a:hover {
+ color: #467fbf;
+ text-decoration: none;
+ background: none;
+ left: 2px;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .navbar ul.dropdown-menu li a:hover {
+ left: 0;
+ }
+}
+.navbar .yamm-content h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ margin-top: 5px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 767px) {
+ .navbar .yamm-content h3 {
+ font-size: 14px;
+ }
+}
+.navbar .yamm-content h5 {
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+.navbar .yamm-content ul {
+ margin: 0;
+ padding: 0;
+}
+.navbar .yamm-content ul li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ padding: 4px 0;
+}
+.navbar .yamm-content ul li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.navbar .yamm-content ul li a:hover {
+ color: #467fbf;
+ text-decoration: none;
+ padding-left: 2px;
+}
+.navbar .yamm-content .banner {
+ margin-bottom: 10px;
+}
+.navbar .yamm-fw .dropdown-menu {
+ padding: 0;
+}
+.navbar .navbar-buttons {
+ float: right;
+}
+.navbar .navbar-buttons button,
+.navbar .navbar-buttons a.btn,
+.navbar .navbar-buttons .btn-default.navbar-toggle {
+ margin-top: 11px;
+ margin-bottom: 11px;
+ margin-left: 0;
+ margin-right: 5px;
+}
+.navbar .btn-default,
+.navbar .btn-default.navbar-toggle {
+ color: #999999;
+ background-color: #fff;
+ margin-left: 7px;
+ margin-right: 0;
+}
+.navbar .btn-default:hover,
+.navbar .btn-default.navbar-toggle:hover,
+.navbar .btn-default:focus,
+.navbar .btn-default.navbar-toggle:focus {
+ background-color: #fff;
+ border-color: #467fbf;
+ color: #467fbf;
+}
+.navbar #search {
+ clear: both;
+ border-top: solid 1px #467fbf;
+ text-align: right;
+}
+.navbar #search form {
+ float: right;
+}
+.navbar #search form .input-group {
+ width: 500px;
+}
+@media (max-width: 768px) {
+ .navbar #search form .input-group {
+ width: 100%;
+ }
+}
+.navbar #basket-overview a {
+ margin-left: 7px;
+}
+.navbar-affixed-top {
+ top: -32px;
+}
+.navbar-affixed-top.affix-top {
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+.navbar-affixed-top.affix {
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1000;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+body.boxed .navbar-affixed-top.affix {
+ position: static;
+}
+#login-modal {
+ overflow: hidden;
+}
+#login-modal .modal-header h4 {
+ text-transform: uppercase;
+}
+#login-modal form {
+ margin-bottom: 20px;
+}
+#login-modal a {
+ color: #467fbf;
+}
+#login-modal p {
+ font-weight: 300;
+ margin-bottom: 20px;
+ font-size: 13px;
+}
+/* buttons */
+.btn {
+ font-weight: 700;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 6px 12px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ border-radius: 0;
+}
+.input-group .btn {
+ font-size: 14px;
+}
+.btn-lg {
+ padding: 10px 16px;
+ font-size: 14px;
+ line-height: 1.33;
+ border-radius: 0;
+}
+.btn-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-xs {
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-template-main {
+ color: #467fbf;
+ background-color: #ffffff;
+ border-color: #467fbf;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ color: #467fbf;
+ background-color: #e6e6e6;
+ border-color: #336194;
+}
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ background-image: none;
+}
+.btn-template-main.disabled,
+.btn-template-main[disabled],
+fieldset[disabled] .btn-template-main,
+.btn-template-main.disabled:hover,
+.btn-template-main[disabled]:hover,
+fieldset[disabled] .btn-template-main:hover,
+.btn-template-main.disabled:focus,
+.btn-template-main[disabled]:focus,
+fieldset[disabled] .btn-template-main:focus,
+.btn-template-main.disabled:active,
+.btn-template-main[disabled]:active,
+fieldset[disabled] .btn-template-main:active,
+.btn-template-main.disabled.active,
+.btn-template-main[disabled].active,
+fieldset[disabled] .btn-template-main.active {
+ background-color: #ffffff;
+ border-color: #467fbf;
+}
+.btn-template-main .badge {
+ color: #ffffff;
+ background-color: #467fbf;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active {
+ background: #467fbf;
+ color: #ffffff;
+ border-color: #467fbf;
+}
+.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ background-image: none;
+}
+.btn-template-transparent-primary.disabled,
+.btn-template-transparent-primary[disabled],
+fieldset[disabled] .btn-template-transparent-primary,
+.btn-template-transparent-primary.disabled:hover,
+.btn-template-transparent-primary[disabled]:hover,
+.btn-template-transparent-primary.disabled:focus,
+fieldset[disabled] .btn-template-transparent-primary:hover,
+.btn-template-transparent-primary[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-primary:focus,
+.btn-template-transparent-primary.disabled:active,
+.btn-template-transparent-primary[disabled]:active,
+fieldset[disabled] .btn-template-transparent-primary:active,
+.btn-template-transparent-primary.disabled.active,
+.btn-template-transparent-primary[disabled].active,
+fieldset[disabled] .btn-template-transparent-primary.active {
+ border-color: #ffffff;
+ background-color: transparent;
+}
+.btn-template-transparent-primary .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active {
+ background: #fff;
+ color: #467fbf;
+ border-color: #fff;
+}
+.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ background-image: none;
+}
+.btn-template-transparent-black.disabled,
+.btn-template-transparent-black[disabled],
+fieldset[disabled] .btn-template-transparent-black,
+.btn-template-transparent-black.disabled:hover,
+.btn-template-transparent-black[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-black:hover,
+.btn-template-transparent-black.disabled:focus,
+.btn-template-transparent-black[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-black:focus,
+.btn-template-transparent-black.disabled:active,
+.btn-template-transparent-black[disabled]:active,
+fieldset[disabled] .btn-template-transparent-black:active,
+.btn-template-transparent-black.disabled.active,
+.btn-template-transparent-black[disabled].active,
+fieldset[disabled] .btn-template-transparent-black.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active {
+ background: #fff;
+ color: #000;
+ border-color: #fff;
+}
+.btn-template-primary {
+ color: #ffffff;
+ background-color: #467fbf;
+ border-color: #467fbf;
+}
+.btn-template-primary:hover,
+.btn-template-primary:focus,
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ color: #ffffff;
+ background-color: #36669c;
+ border-color: #336194;
+}
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ background-image: none;
+}
+.btn-template-primary.disabled,
+.btn-template-primary[disabled],
+fieldset[disabled] .btn-template-primary,
+.btn-template-primary.disabled:hover,
+.btn-template-primary[disabled]:hover,
+fieldset[disabled] .btn-template-primary:hover,
+.btn-template-primary.disabled:focus,
+.btn-template-primary[disabled]:focus,
+fieldset[disabled] .btn-template-primary:focus,
+.btn-template-primary.disabled:active,
+.btn-template-primary[disabled]:active,
+fieldset[disabled] .btn-template-primary:active,
+.btn-template-primary.disabled.active,
+.btn-template-primary[disabled].active,
+fieldset[disabled] .btn-template-primary.active {
+ background-color: #467fbf;
+ border-color: #467fbf;
+}
+.btn-template-primary .badge {
+ color: #467fbf;
+ background-color: #ffffff;
+}
+#intro {
+ background: url('../img/home.jpg') no-repeat center top;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+#intro .item {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ height: 100%;
+}
+#intro .item h1 {
+ text-transform: uppercase;
+ font-size: 50px;
+ color: #fff;
+ margin-bottom: 40px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #intro .item h1 {
+ font-size: 40px;
+ }
+}
+@media (max-width: 767px) {
+ #intro .item h1 {
+ font-size: 25px;
+ }
+}
+#intro .item h3 {
+ color: #fff;
+ margin-bottom: 40px;
+}
+@media (max-width: 767px) {
+ #intro .item h3 {
+ font-size: 15px;
+ margin-bottom: 20px;
+ }
+}
+#intro .item .btn {
+ text-transform: none;
+}
+@media (max-width: 991px) {
+ #intro .item .btn {
+ font-size: 14px;
+ }
+}
+@media (max-width: 991px) {
+ #intro .item .carousel-caption {
+ left: 10%;
+ right: 10%;
+ }
+}
+#intro .container,
+#intro .row {
+ height: 100%;
+ position: relative;
+}
+.jumbotron {
+ padding: 30px;
+ margin-bottom: 0;
+ position: relative;
+ /*background: url('../img/BackgroundImg.png') center center repeat;*/
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.jumbotron .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #467fbf;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3,
+.jumbotron p,
+.jumbotron ul {
+ color: #fff;
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3 {
+ color: #ffffff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.jumbotron p {
+ margin-bottom: 20px;
+ font-size: 21px;
+ font-weight: 400;
+}
+.jumbotron p.text-uppercase {
+ font-weight: 700;
+}
+.jumbotron > hr {
+ border-top-color: #d5d5d5;
+}
+.container .jumbotron {
+ border-radius: 0;
+}
+.jumbotron .container {
+ max-width: 100%;
+ z-index: 2;
+}
+@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: 46px;
+ }
+}
+#categoryMenu h3 {
+ padding: 20px;
+ background: #f7f7f7;
+ margin: 0;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu h3 {
+ padding: 5px 0;
+ margin: 0;
+}
+.panel.sidebar-menu {
+ background: #fff;
+ margin: 0 0 20px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.panel.sidebar-menu .panel-heading {
+ text-transform: uppercase;
+ margin-bottom: 10px;
+ background: none;
+ padding: 0;
+ letter-spacing: 0.08em;
+ border-bottom: none;
+}
+.panel.sidebar-menu .panel-heading h1,
+.panel.sidebar-menu .panel-heading h2,
+.panel.sidebar-menu .panel-heading h3,
+.panel.sidebar-menu .panel-heading h4,
+.panel.sidebar-menu .panel-heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #467fbf;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+}
+.panel.sidebar-menu .panel-heading .btn.btn-danger {
+ color: #fff;
+ margin-top: 5px;
+}
+.panel.sidebar-menu .panel-body {
+ padding: 0;
+}
+.panel.sidebar-menu .panel-body span.colour {
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ border: solid 1px #555555;
+ vertical-align: top;
+ margin-top: 2px;
+ margin-left: 5px;
+}
+.panel.sidebar-menu .panel-body span.colour.white {
+ background: #fff;
+}
+.panel.sidebar-menu .panel-body span.colour.red {
+ background: red;
+}
+.panel.sidebar-menu .panel-body span.colour.green {
+ background: green;
+}
+.panel.sidebar-menu .panel-body span.colour.blue {
+ background: blue;
+}
+.panel.sidebar-menu .panel-body span.colour.yellow {
+ background: yellow;
+}
+.panel.sidebar-menu .panel-body label {
+ color: #999999;
+ font-size: 12px;
+}
+.panel.sidebar-menu .panel-body label:hover {
+ color: #555555;
+}
+.panel.sidebar-menu ul.nav.category-menu {
+ margin-bottom: 20px;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu ul.nav.category-menu li a {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.panel.sidebar-menu ul.nav ul {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.nav ul li {
+ display: block;
+}
+.panel.sidebar-menu ul.nav ul li a {
+ position: relative;
+ font-family: "Times New Roman", Times, serif;
+ font-weight: normal;
+ text-transform: none !important;
+ display: block;
+ padding: 10px 15px;
+ padding-left: 30px;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.nav ul li a:hover,
+.panel.sidebar-menu ul.nav ul li a:focus {
+ text-decoration: none;
+ background-color: #eeeeee;
+}
+.panel.sidebar-menu ul.tag-cloud {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.tag-cloud li {
+ display: inline-block;
+}
+.panel.sidebar-menu ul.tag-cloud li a {
+ display: inline-block;
+ padding: 5px;
+ border: solid 1px #eeeeee;
+ border-radius: 0;
+ color: #467fbf;
+ margin: 5px 5px 5px 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 700;
+ font-size: 12px;
+}
+.panel.sidebar-menu ul.tag-cloud li a:hover {
+ color: #467fbf;
+ text-decoration: none;
+ border-color: #467fbf;
+}
+.panel.sidebar-menu ul.popular,
+.panel.sidebar-menu ul.recent {
+ list-style: none;
+ padding-left: 0;
+ padding: 20px 0;
+}
+.panel.sidebar-menu ul.popular li,
+.panel.sidebar-menu ul.recent li {
+ margin-bottom: 10px;
+ padding: 5px 0;
+ border-bottom: dotted 1px #eeeeee;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li img,
+.panel.sidebar-menu ul.recent li img {
+ width: 50px;
+ margin-right: 10px;
+}
+.panel.sidebar-menu ul.popular li h5,
+.panel.sidebar-menu ul.recent li h5 {
+ margin: 0 0 10px;
+}
+.panel.sidebar-menu ul.popular li h5 a,
+.panel.sidebar-menu ul.recent li h5 a {
+ font-weight: normal;
+}
+.panel.sidebar-menu ul.popular li p.date,
+.panel.sidebar-menu ul.recent li p.date {
+ float: right;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.popular li:last-child,
+.panel.sidebar-menu ul.recent li:last-child {
+ border-bottom: none;
+}
+.panel.sidebar-menu .text-widget {
+ font-size: 12px;
+}
+.panel.sidebar-menu.with-icons ul.nav li a:after {
+ font-family: 'FontAwesome';
+ content: "\f105";
+ position: relative;
+ top: 0;
+ float: right;
+}
+/* ribbons for product sales etc. */
+.ribbon {
+ position: absolute;
+ top: 50px;
+ padding-left: 51px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.ribbon .ribbon-background {
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.ribbon .theribbon {
+ position: relative;
+ width: 80px;
+ padding: 6px 20px 6px 20px;
+ margin: 30px 10px 10px -71px;
+ color: #fff;
+ background-color: #467fbf;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.ribbon .theribbon:before,
+.ribbon .theribbon:after {
+ content: ' ';
+ position: absolute;
+ width: 0;
+ height: 0;
+}
+.ribbon .theribbon:after {
+ left: 0px;
+ top: 100%;
+ border-width: 5px 10px;
+ border-style: solid;
+ border-color: #000000 #000000 transparent transparent;
+}
+.ribbon.sale {
+ top: 0;
+}
+.ribbon.new {
+ top: 50px;
+}
+.ribbon.new .theribbon {
+ background-color: #5bc0de;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.new .theribbon:after {
+ border-color: #2390b0 #2390b0 transparent transparent;
+}
+.ribbon.gift {
+ top: 100px;
+}
+.ribbon.gift .theribbon {
+ background-color: #5cb85c;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.gift .theribbon:after {
+ border-color: #357935 #357935 transparent transparent;
+}
+.owl-carousel .owl-controls .owl-page.active span,
+.owl-theme .owl-controls .owl-page.active span,
+.owl-carousel .owl-controls.clickable .owl-page:hover span,
+.owl-theme .owl-controls.clickable .owl-page:hover span {
+ background: #467fbf;
+}
+.owl-carousel .owl-controls .owl-buttons,
+.owl-theme .owl-controls .owl-buttons {
+ position: absolute;
+ top: 5px;
+ right: 0;
+}
+.owl-carousel .owl-controls .owl-buttons div,
+.owl-theme .owl-controls .owl-buttons div {
+ width: 26px;
+ height: 26px;
+ line-height: 25px;
+ margin: 0 5px 0 0;
+ font-size: 18px;
+ color: #467fbf;
+ padding: 0;
+ background: #fff;
+ border-radius: 13px;
+ vertical-align: middle;
+ text-align: center;
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+.home-carousel {
+ position: relative;
+ /*background: url('../img/BackgroundImg.png') center center repeat;*/
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.home-carousel .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #467fbf;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.home-carousel .owl-carousel {
+ padding-top: 60px;
+ padding-bottom: 20px;
+}
+.home-carousel .owl-theme .owl-controls .owl-page span {
+ background: #666;
+}
+.home-carousel .owl-theme .owl-controls .owl-page.active span {
+ background: #fff;
+}
+.home-carousel .owl-theme .owl-controls .owl-page:hover span {
+ background: #fff;
+}
+@media (max-width: 767px) {
+ .home-carousel {
+ text-align: center !important;
+ }
+}
+@media (min-width: 992px) {
+ .home-carousel .right {
+ text-align: right;
+ }
+}
+.home-carousel h1,
+.home-carousel h2,
+.home-carousel h3,
+.home-carousel p,
+.home-carousel ul {
+ color: #fff;
+}
+.home-carousel h1 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 46px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .home-carousel h1 {
+ font-size: 36px;
+ }
+}
+.home-carousel h2 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 40px;
+ letter-spacing: 0.08em;
+}
+.home-carousel ul,
+.home-carousel p {
+ font-size: 18px;
+ font-weight: 700;
+ padding: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 991px) {
+ .home-carousel ul,
+ .home-carousel p {
+ font-size: 14px;
+ }
+}
+.home-carousel ul li {
+ margin-bottom: 10px;
+}
+.customers {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.customers .item {
+ list-style-type: none;
+ text-align: center;
+ margin: 0 20px;
+}
+.customers .item img {
+ display: inline-block;
+ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+ /* Firefox 10+, Firefox on Android */
+ filter: gray;
+ /* IE6-9 */
+ -webkit-filter: grayscale(100%);
+ /* Chrome 19+, Safari 6+, Safari 6+ iOS */
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.customers .item img:hover {
+ max-width: auto;
+ filter: none;
+ -webkit-filter: none;
+}
+.testimonials {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.testimonials .item {
+ list-style-type: none;
+ margin: 0 5px;
+ background: #fff;
+ padding-bottom: 60px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.testimonials .item .testimonial {
+ position: relative;
+ padding: 20px;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial .text {
+ color: #999999;
+ margin-bottom: 40px;
+}
+.testimonials .item .testimonial .bottom {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px;
+ height: 50px;
+}
+.testimonials .item .testimonial .bottom .icon {
+ color: #467fbf;
+ font-size: 30px;
+ float: left;
+ width: 20%;
+}
+.testimonials .item .testimonial .name-picture {
+ float: right;
+ width: 80%;
+ text-align: right;
+}
+.testimonials .item .testimonial .name-picture h5 {
+ font-size: 14px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.testimonials .item .testimonial .name-picture p {
+ color: #999999;
+ margin: 0;
+ font-size: 12px;
+}
+.testimonials .item .testimonial .name-picture img {
+ float: right;
+ width: 60px;
+ border-radius: 30px;
+ margin-left: 10px;
+}
+.team-member {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.team-member h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ letter-spacing: 0.08em;
+}
+.team-member h3 a {
+ color: #555555;
+}
+.team-member p.role {
+ color: #999999;
+ font-size: 12px;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.team-member .social {
+ margin-bottom: 20px;
+}
+.team-member .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email {
+ background-color: #4a7f45;
+}
+.team-member .text p {
+ color: #999999;
+ font-size: 12px;
+}
+.team-member .social,
+.team-member-detail .social {
+ margin-bottom: 20px;
+}
+.team-member .social a,
+.team-member-detail .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i,
+.team-member-detail .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook,
+.team-member-detail .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus,
+.team-member-detail .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter,
+.team-member-detail .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram,
+.team-member-detail .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email,
+.team-member-detail .social a.email {
+ background-color: #4a7f45;
+}
+.box-simple {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.box-simple .icon {
+ color: #467fbf;
+ border-color: #467fbf;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.box-simple h3 {
+ font-weight: normal;
+ font-size: 18px;
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-simple h3 a {
+ color: #555555;
+}
+.box-simple p {
+ color: #999999;
+}
+.box-simple:hover .icon {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.box-simple:hover .icon i {
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+}
+.box-simple.box-white {
+ padding: 20px;
+ border: dotted 1px #999999;
+}
+.box-simple.box-white .icon {
+ color: #555555;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark {
+ padding: 20px;
+ border: dotted 1px #999999;
+ background: #555555;
+ color: #fff;
+}
+.box-simple.box-dark .icon {
+ color: #f7f7f7;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark h3 {
+ color: #fff;
+}
+.box-simple.box-dark h3 a {
+ color: #fff;
+}
+.box-simple.box-dark p {
+ color: #fff;
+}
+.box-image {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #467fbf;
+}
+.box-image .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+.box-image-text {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image-text .top {
+ position: relative;
+ margin-bottom: 10px;
+}
+.box-image-text .top .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #467fbf;
+}
+.box-image-text .top .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .top .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image-text .top .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image-text .top .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .content h3,
+.box-image-text .content h4 {
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-image-text .content p {
+ color: #999999;
+}
+.box-image-text:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image-text:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image-text:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+/* universal box */
+.box {
+ background: #fff;
+ margin: 0 0 30px;
+ border: solid 1px #ccc;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px 0;
+ border-left: none;
+ border-right: none;
+}
+.box .box-header {
+ background: #f7f7f7;
+ margin: -20px 0 20px;
+ padding: 20px;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-footer {
+ background: #f7f7f7;
+ margin: 30px 0 -20px;
+ padding: 20px;
+ border-top: solid 1px #eeeeee;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+@media (max-width: 991px) {
+ .box .box-footer .btn {
+ margin-bottom: 20px;
+ }
+}
+.box.no-border {
+ border: none;
+}
+#heading-breadcrumbs {
+ background: url('../img/texture-bw.png') center center repeat;
+ padding: 20px 0;
+ margin-bottom: 40px;
+}
+#heading-breadcrumbs.no-mb {
+ margin-bottom: 0;
+}
+#heading-breadcrumbs h1 {
+ color: #333333;
+ text-transform: uppercase;
+ font-size: 30px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #heading-breadcrumbs h1 {
+ text-align: center;
+ }
+}
+#heading-breadcrumbs ul.breadcrumb {
+ margin-top: 5px;
+ margin-bottom: 0;
+}
+.bar {
+ position: relative;
+ background: #467fbf;
+ padding: 60px 0;
+}
+.bar.background-pentagon {
+ background: url('../img/texture-bw.png') center center repeat;
+ border-top: solid 1px #999999;
+ border-bottom: solid 1px #999999;
+}
+.bar.background-gray {
+ background: #eeeeee;
+}
+.bar.background-gray-dark {
+ background: #555555;
+}
+.bar.background-white {
+ background: #fff;
+}
+.bar.background-image-fixed-1 {
+ background: url('../img/fixed-background-1.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.background-image-fixed-2 {
+ background: url('../img/fixed-background-2.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.color-white h1,
+.bar.color-white h2,
+.bar.color-white h3,
+.bar.color-white h4,
+.bar.color-white h5,
+.bar.color-white h6,
+.bar.color-white p {
+ color: #fff;
+}
+.bar.padding-big {
+ padding: 50px 0;
+}
+.bar.padding-horizontal {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+.bar.margin-vertical {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.bar .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: 0.65;
+ filter: alpha(opacity=65);
+}
+.portfolio.no-space {
+ padding: 0 15px;
+}
+.portfolio.no-space .box-image {
+ margin: 0 -15px;
+}
+.portfolio-project .project-more h4 {
+ color: #555555;
+ text-transform: uppercase;
+ margin-bottom: 0;
+ text-align: left;
+ font-size: 14px;
+ letter-spacing: 0.08em;
+}
+.portfolio-project .project-more p {
+ color: #999999;
+ padding: 10px 0;
+ margin-bottom: 20px;
+ text-align: left;
+}
+.portfolio-showcase {
+ margin: 15px 0 60px;
+}
+.portfolio-showcase h3 a {
+ text-transform: uppercase;
+ line-height: 1.5;
+ letter-spacing: 0.08em;
+}
+.portfolio-showcase p.lead {
+ color: #555555;
+ margin-bottom: 20px;
+}
+.portfolio-showcase p {
+ color: #999999;
+}
+.portfolio-showcase p.buttons {
+ margin-top: 40px;
+}
+.see-more {
+ text-align: center;
+ margin-top: 20px;
+ padding-top: 20px;
+}
+.see-more p {
+ font-size: 28px;
+ font-weight: 100;
+ margin-bottom: 20px;
+}
+.showcase .item {
+ text-align: center;
+}
+.showcase .item .icon {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ color: #555555;
+ line-height: 50px;
+ border-radius: 25px;
+ border: solid 1px #555555;
+}
+.showcase .item h4 {
+ color: #555555;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ line-height: 1.5;
+ font-size: 16px;
+}
+.showcase .item h4 span {
+ font-weight: bold;
+ font-size: 51px;
+}
+.packages .package {
+ background: #fff;
+ margin-top: 25px;
+ margin-bottom: 20px;
+ padding-bottom: 15px;
+ text-align: center;
+ border: solid 1px #467fbf;
+ overflow: hidden;
+}
+.packages .package .package-header {
+ height: 57px;
+ color: #fff;
+ line-height: 57px;
+ background: #467fbf;
+}
+.packages .package .package-header h5 {
+ color: #fff;
+ text-transform: uppercase;
+ font-weight: bold;
+ line-height: 57px;
+ margin: 0;
+ letter-spacing: 0.08em;
+}
+.packages .package .package-header.light-gray {
+ background: #eeeeee;
+}
+.packages .package .package-header.light-gray h5 {
+ color: #555555;
+}
+.packages .package .price {
+ line-height: 120px;
+ height: 100px;
+ color: #fff;
+ font-weight: 400;
+}
+.packages .package .price h4 {
+ display: inline;
+ font-size: 50px;
+ line-height: normal;
+ margin-bottom: 0;
+}
+.packages .package .price .period {
+ line-height: normal;
+ color: #999999;
+}
+.packages .package ul {
+ padding: 0;
+}
+.packages .package ul li {
+ list-style-type: none;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ width: 80%;
+ margin: auto;
+ border-bottom: 1px dotted #ccc;
+}
+.packages .package ul li:last-child {
+ border-bottom: 0;
+}
+.packages .package ul li i {
+ font-size: 13px;
+ margin-right: 5px;
+}
+.packages .best-value .package {
+ margin-top: 0;
+ padding-bottom: 40px;
+}
+.packages .best-value .package .package-header {
+ height: 72px;
+ padding-top: 17px;
+ height: 82px !important;
+}
+.packages .best-value .package .package-header h5 {
+ font-weight: bold;
+ line-height: 29px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.packages .best-value .package .package-header .meta-text {
+ font-size: 13px;
+ line-height: 15px;
+}
+#map {
+ height: 300px;
+}
+#map.with-border {
+ border-top: solid 1px #467fbf;
+ border-bottom: solid 1px #467fbf;
+}
+#blog-listing-big .post,
+#blog-homepage .post {
+ margin-bottom: 60px;
+}
+#blog-listing-big .post h2,
+#blog-homepage .post h2,
+#blog-listing-big .post h4,
+#blog-homepage .post h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post h2 a,
+#blog-homepage .post h2 a,
+#blog-listing-big .post h4 a,
+#blog-homepage .post h4 a {
+ color: #555555;
+}
+#blog-listing-big .post h2 a:hover,
+#blog-homepage .post h2 a:hover,
+#blog-listing-big .post h4 a:hover,
+#blog-homepage .post h4 a:hover {
+ color: #467fbf;
+}
+#blog-listing-big .post .author-category,
+#blog-homepage .post .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post .author-category a,
+#blog-homepage .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-big .post .date-comments a,
+#blog-homepage .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-big .post .date-comments a:hover,
+#blog-homepage .post .date-comments a:hover {
+ color: #467fbf;
+}
+@media (min-width: 768px) {
+ #blog-listing-big .post .date-comments,
+ #blog-homepage .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-big .post .intro,
+#blog-homepage .post .intro {
+ text-align: left;
+}
+#blog-listing-big .post .image,
+#blog-homepage .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-big .post .image img,
+#blog-homepage .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-big .post .image img.img-responsive,
+ #blog-homepage .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-big .post .video,
+#blog-homepage .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-big .post .read-more,
+#blog-homepage .post .read-more {
+ text-align: right;
+}
+#blog-listing-medium .post {
+ margin-bottom: 60px;
+}
+#blog-listing-medium .post h2 {
+ text-transform: uppercase;
+ margin: 0 0 10px;
+ font-size: 24px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post h2 a {
+ color: #555555;
+}
+#blog-listing-medium .post h2 a:hover {
+ color: #467fbf;
+}
+#blog-listing-medium .post .author-category {
+ float: left;
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ font-size: 12px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-medium .post .date-comments {
+ float: right;
+ font-size: 12px;
+}
+#blog-listing-medium .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-medium .post .date-comments a:hover {
+ color: #467fbf;
+}
+@media (min-width: 768px) {
+ #blog-listing-medium .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-medium .post .intro {
+ text-align: left;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-medium .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-medium .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-medium .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-medium .post .read-more {
+ text-align: right;
+}
+.box-image-text.blog .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 300;
+ font-size: 12px;
+}
+.box-image-text.blog .author-category a {
+ font-weight: 500;
+}
+.box-image-text.blog .intro {
+ text-align: left;
+ margin-bottom: 20px;
+}
+#blog-homepage .post {
+ margin-bottom: 30px;
+}
+#blog-homepage .post h2,
+#blog-homepage .post h4,
+#blog-homepage .post .author-category,
+#blog-homepage .post .read-more {
+ text-align: center;
+}
+#blog-homepage .post .read-more {
+ margin-top: 20px;
+}
+#blog-post #post-content {
+ margin-bottom: 20px;
+}
+#blog-post .comment {
+ margin-bottom: 25px;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment .posted {
+ color: #999999;
+ font-size: 12px;
+}
+#blog-post .comment .reply {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#blog-post .comment.last {
+ margin-bottom: 0;
+}
+#blog-post #comments,
+#blog-post #comment-form {
+ padding: 20px 0;
+ margin-top: 20px;
+ border-top: solid 1px #eeeeee;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments h4,
+#blog-post #comment-form h4 {
+ margin-bottom: 20px;
+}
+#blog-post #comment-form {
+ margin-bottom: 20px;
+}
+.product {
+ background: #fff;
+ border-bottom: solid 1px #e6e6e6;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 60px;
+ overflow: hidden;
+ text-align: center;
+}
+.product .image {
+ overflow: hidden;
+}
+.product .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .product .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+.product .text {
+ padding: 10px;
+}
+.product .text h3 {
+ font-size: 14px;
+ font-weight: 700;
+ height: 39.6px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.product .text h3 a {
+ color: #555555;
+}
+.product .text h3 a:hover {
+ text-decoration: none;
+}
+.product .text p.price {
+ font-size: 18px;
+}
+.product .text p.price del {
+ color: #999999;
+}
+.product .buttons {
+ clear: both;
+ position: absolute;
+ display: none;
+ bottom: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ border: solid 1px transparent;
+ padding: 20px;
+ background: rgba(255, 255, 255, 0.9);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ text-align: center;
+}
+.product .buttons .btn {
+ margin-bottom: 20px;
+}
+.product:hover {
+ border-bottom: solid 1px #808080;
+ top: 0;
+}
+.product:hover .buttons {
+ clear: both;
+ position: absolute;
+ top: 0;
+ background: rgba(255, 255, 255, 0.5);
+}
+.product:hover .image img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.goToDescription {
+ font-size: 12px;
+ text-align: center;
+ margin-bottom: 40px;
+}
+.goToDescription a {
+ color: #999999;
+ text-decoration: underline;
+}
+#productMain {
+ margin-bottom: 30px;
+}
+#productMain .sizes {
+ text-align: center;
+}
+#productMain .sizes h3 {
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ margin-bottom: 40px;
+}
+#productMain .sizes a {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ border-radius: 40px;
+ background: #ccc;
+ line-height: 40px;
+ color: #555555;
+ text-align: center;
+ text-decoration: none;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#productMain .sizes a.active,
+#productMain .sizes a:hover {
+ background: #467fbf;
+ color: #fff;
+}
+#productMain .sizes input {
+ display: none;
+}
+#productMain .price {
+ font-size: 40px;
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 40px;
+}
+#thumbs a {
+ display: block;
+ border: solid 1px transparent;
+}
+#thumbs a.active {
+ border-color: #467fbf;
+}
+#product-social {
+ text-align: center;
+}
+#product-social h4 {
+ font-weight: 300;
+ margin-bottom: 10px;
+}
+#product-social p {
+ line-height: 26px;
+}
+#product-social p a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+#product-social p a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+#product-social p a.facebook {
+ background-color: #4460ae;
+}
+#product-social p a.gplus {
+ background-color: #c21f25;
+}
+#product-social p a.twitter {
+ background-color: #3cf;
+}
+#product-social p a.instagram {
+ background-color: #cd4378;
+}
+#product-social p a.email {
+ background-color: #4a7f45;
+}
+@media (max-width: 991px) {
+ #product-social {
+ text-align: center;
+ }
+}
+#checkout .nav {
+ margin-bottom: 20px;
+ border-bottom: solid 1px #467fbf;
+}
+#checkout .nav li {
+ height: 100%;
+}
+#checkout .nav li a {
+ display: block;
+ height: 100%;
+}
+#order-summary table {
+ margin-top: 20px;
+}
+#order-summary table td {
+ color: #999999;
+}
+#order-summary table tr.total td,
+#order-summary table tr.total th {
+ font-size: 18px;
+ color: #555555;
+ font-weight: 700;
+}
+#checkout .table tbody tr td,
+#basket .table tbody tr td,
+#customer-order .table tbody tr td {
+ vertical-align: middle;
+}
+#checkout .table tbody tr td input,
+#basket .table tbody tr td input,
+#customer-order .table tbody tr td input {
+ width: 50px;
+ text-align: right;
+}
+#checkout .table tbody tr td img,
+#basket .table tbody tr td img,
+#customer-order .table tbody tr td img {
+ width: 50px;
+}
+#checkout .table tfoot,
+#basket .table tfoot,
+#customer-order .table tfoot {
+ font-size: 18px;
+}
+.shipping-method h4,
+.payment-method h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#customer-orders table tr th,
+#customer-orders table tr td {
+ vertical-align: baseline;
+}
+#customer-order .table tfoot th {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-order .addresses {
+ text-align: right;
+ margin-bottom: 30px;
+}
+#customer-order .addresses p {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-account {
+ margin-bottom: 30px;
+}
+#get-it {
+ background: #467fbf;
+ padding: 50px 0 30px;
+ color: #fff;
+ text-align: center;
+}
+#get-it h1,
+#get-it h2,
+#get-it h3,
+#get-it h4,
+#get-it h5,
+#get-it h6 {
+ color: #fff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ margin: 0 0 20px;
+}
+#get-it p {
+ margin: 0 0 20px;
+}
+#footer {
+ background: #555555;
+ padding: 50px 0;
+ color: #999999;
+}
+#footer h1,
+#footer h2,
+#footer h3,
+#footer h4,
+#footer h5,
+#footer h6 {
+ color: #eeeeee;
+}
+#footer h4 {
+ font-size: 14px;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#footer ul {
+ padding-left: 0;
+ list-style: none;
+}
+#footer ul a {
+ color: #999999;
+}
+#footer ul a:hover {
+ color: #467fbf;
+ text-decoration: none;
+}
+#footer .photostream div {
+ float: left;
+ display: block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 33%;
+ padding: 7.5px;
+ overflow: hidden;
+}
+#footer .photostream div a {
+ border: solid 1 px #eeeeee;
+}
+#footer .photostream div img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+#footer .photostream div:hover img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+#footer .blog-entries .item {
+ clear: both;
+ padding: 5px 0;
+ margin-bottom: 10px;
+ border-bottom: solid 1px #555555;
+}
+#footer .blog-entries .item .image {
+ float: left;
+ width: 15%;
+ margin-right: 10px;
+}
+#footer .blog-entries .item .name {
+ width: 75%;
+ margin-left: 10px;
+ display: table-cell;
+ vertical-align: middle;
+}
+#footer .blog-entries .item .name h5 {
+ margin: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-size: 12px;
+}
+#footer .blog-entries .item .name h5 a {
+ color: #eeeeee;
+}
+#footer .blog-entries .item .text {
+ width: 100%;
+ clear: both;
+}
+#footer .blog-entries .item:last-child {
+ border-bottom: none;
+ margin-bottom: 0;
+}
+#footer .social a {
+ color: #555555;
+ font-size: 25px;
+ margin: 0 10px 0 0;
+}
+#footer .social a:hover {
+ color: #467fbf;
+}
+#copyright {
+ background: #333;
+ color: #ccc;
+ padding: 50px 0;
+ font-size: 12px;
+ line-height: 28px;
+}
+#copyright p {
+ margin: 0;
+}
+@media (max-width: 991px) {
+ #copyright p {
+ float: none !important;
+ text-align: center;
+ margin-bottom: 10px;
+ }
+}
+[data-animate] {
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+#style-switch-button {
+ position: fixed;
+ top: 100px;
+ left: 0px;
+ border-radius: 0;
+}
+#style-switch {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 300px;
+ padding: 20px;
+ position: fixed;
+ top: 140px;
+ left: 0;
+ background: #fff;
+ border: solid 1px #eeeeee;
+}
+@media (max-width: 991px) {
+ #style-switch-button {
+ display: none;
+ }
+ #style-switch {
+ display: none;
+ }
+}
+/* Original Boostrap template overwrite */
+/* breadcrumbs */
+.breadcrumb {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ background-color: none;
+ letter-spacing: 0.08em;
+}
+/* nav */
+.nav > li > a {
+ padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+ background-color: #eeeeee;
+}
+.nav > li.disabled > a {
+ color: #999999;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+ color: #999999;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+ background-color: #eeeeee;
+ border-color: #467fbf;
+}
+.nav-tabs {
+ border-bottom: 1px solid #467fbf;
+}
+.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: 0 0 0 0;
+}
+.nav-tabs > li > a:hover {
+ border-color: #eeeeee #eeeeee #467fbf;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+ color: #555555;
+ background-color: #ffffff;
+ border: 1px solid #467fbf;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+.nav-tabs.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #467fbf;
+ 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;
+}
+.nav-tabs.nav-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+ border: 1px solid #467fbf;
+}
+@media (min-width: 768px) {
+ .nav-tabs.nav-justified > li > a {
+ border-bottom: 1px solid #467fbf;
+ border-radius: 0 0 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: #ffffff;
+ }
+}
+.nav-pills > li {
+ float: left;
+}
+.nav-pills > li > a {
+ border-radius: 0;
+}
+.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: #ffffff;
+ background-color: #467fbf;
+}
+.nav-stacked > li {
+ float: none;
+}
+.nav-stacked > li + li {
+ margin-top: 2px;
+ margin-left: 0;
+}
+.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #467fbf;
+}
+.nav-justified > li {
+ float: none;
+}
+.nav-justified > li > a {
+ text-align: center;
+ /*margin-bottom: 5px;*/
+}
+.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
+}
+.nav-tabs-justified {
+ border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+ border: 1px solid #467fbf;
+}
+@media (min-width: 768px) {
+ .nav-tabs-justified > li > a {
+ border-bottom: 1px solid #467fbf;
+ border-radius: 0 0 0 0;
+ }
+ .nav-tabs-justified > .active > a,
+ .nav-tabs-justified > .active > a:hover,
+ .nav-tabs-justified > .active > a:focus {
+ border-bottom-color: #ffffff;
+ }
+}
+.tab-content {
+ padding: 15px;
+ border: solid 1px #ddd;
+ border-top: none;
+}
+/* navbar */
+.navbar {
+ position: relative;
+ min-height: 62px;
+ margin-bottom: 0;
+ border-bottom: 1px solid transparent;
+}
+@media (min-width: 768px) {
+ .navbar {
+ border-radius: 0px;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-header {
+ float: left;
+ }
+}
+.navbar-collapse {
+ overflow-x: visible;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+.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;
+ }
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-affixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+ max-height: 340px;
+}
+@media (max-width: 480px) and (orientation: landscape) {
+ .navbar-fixed-top .navbar-collapse,
+ .navbar-affixed-top .navbar-collapse,
+ .navbar-fixed-bottom .navbar-collapse {
+ max-height: 200px;
+ }
+}
+.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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+@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: 10px 15px;
+ font-size: 18px;
+ line-height: 20px;
+ height: 62px;
+}
+.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: 14px;
+ margin-bottom: 14px;
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 0;
+}
+.navbar-toggle:focus {
+ outline: 0;
+}
+.navbar-nav {
+ margin: 10.5px -15px;
+}
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
+}
+@media (max-width: 767px) {
+ .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: 21px;
+ padding-bottom: 21px;
+ }
+ .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, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ margin-top: 14px;
+ margin-bottom: 14px;
+}
+@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: 14px;
+ margin-bottom: 14px;
+}
+.navbar-btn.btn-sm {
+ margin-top: 16px;
+ margin-bottom: 16px;
+}
+.navbar-btn.btn-xs {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.navbar-text {
+ margin-top: 21px;
+ margin-bottom: 21px;
+}
+@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: #ffffff;
+ border-color: #cccccc;
+ border-bottom: none;
+}
+.navbar-default .navbar-brand {
+ color: #555555;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+ color: #3b3b3b;
+ background-color: transparent;
+}
+.navbar-default .navbar-text {
+ color: #777777;
+}
+.navbar-default .navbar-nav > li > a {
+ color: #555555;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+ color: #555555;
+ background-color: #92b3d9;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: #ffffff;
+ background-color: #467fbf;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+ color: #cccccc;
+ background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+ border-color: #dddddd;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+ background-color: #467fbf;
+}
+.navbar-default .navbar-toggle .icon-bar {
+ background-color: #888888;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+ border-color: #cccccc;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+ background-color: #467fbf;
+ color: #ffffff;
+}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+ color: #555555;
+ }
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #467fbf;
+ }
+ .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: #ffffff;
+ background-color: #467fbf;
+ }
+ .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: #cccccc;
+ background-color: transparent;
+ }
+}
+.navbar-default .navbar-link {
+ color: #555555;
+}
+.navbar-default .navbar-link:hover {
+ color: #555555;
+}
+.navbar-default .btn-link {
+ color: #555555;
+}
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
+ color: #555555;
+}
+.navbar-default .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-default .btn-link:hover,
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+ color: #cccccc;
+}
+/* scaffolding */
+body {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
+}
+a {
+ color: #467fbf;
+ text-decoration: none;
+}
+a:hover,
+a:focus {
+ color: #2f5a89;
+ text-decoration: underline;
+}
+a:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+.img-rounded {
+ border-radius: 0;
+}
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #eeeeee;
+}
+/* breadcrumbs */
+.breadcrumb {
+ padding: 20px 0;
+ margin-bottom: 20px;
+ background-color: transparent;
+ border-radius: 0;
+ text-align: right;
+}
+.breadcrumb > li + li:before {
+ content: ">\00a0";
+ color: #555555;
+}
+.breadcrumb > .active {
+ color: #999999;
+}
+@media (max-width: 991px) {
+ .breadcrumb {
+ padding: 20px 0;
+ text-align: center;
+ }
+}
+/* dropdowns */
+.dropdown-menu {
+ z-index: 1000;
+ font-size: 14px;
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ box-shadow: 0 6px 12px rgba(0, 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 {
+ padding: 5px 20px;
+ line-height: 1.42857143;
+ color: #333333;
+ white-space: nowrap;
+}
+/* labels */
+.label {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+/* forms.less */
+label {
+ font-weight: normal;
+}
+.form-control {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-radius: 0;
+}
+.form-control:focus {
+ border-color: #467fbf;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 127, 191, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 127, 191, 0.6);
+}
+.form-group {
+ margin-bottom: 20px;
+}
+/* pager*/
+.pager {
+ margin: 20px 0;
+ border-top: solid 1px #eeeeee;
+ padding-top: 20px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.pager li {
+ display: inline;
+}
+.pager li > a,
+.pager li > span {
+ background-color: #ffffff;
+ border: 1px solid #467fbf;
+ border-radius: 0;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+ text-decoration: none;
+ color: #fff;
+ background-color: #467fbf;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #ddd;
+}
+/* pagination */
+.pagination {
+ margin: 20px 0;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ border-radius: 0;
+}
+.pagination > li > a,
+.pagination > li > span {
+ padding: 6px 12px;
+ line-height: 1.42857143;
+ text-decoration: none;
+ color: #467fbf;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+ color: #467fbf;
+ background-color: #b8cee6;
+ border-color: #dddddd;
+}
+.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: #ffffff;
+ background-color: #467fbf;
+ border-color: #467fbf;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #dddddd;
+}
+/* responsive utilities */
+@media (max-width: 767px) {
+ .text-center-xs {
+ text-align: center !important;
+ }
+ .text-center-xs img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+ .text-center-sm {
+ text-align: center !important;
+ }
+ .text-center-sm img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+/* type */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: 900;
+ line-height: 1.1;
+ color: #333333;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+p {
+ margin: 0 0 10px;
+}
+.lead {
+ margin-bottom: 20px;
+ font-size: 18px;
+}
+@media (min-width: 768px) {
+ .lead {
+ font-size: 21px;
+ }
+}
+.text-small {
+ font-size: 12px;
+}
+.text-large {
+ font-size: 18px;
+}
+.text-italic {
+ font-style: italic;
+}
+.text-primary {
+ color: #467fbf;
+}
+a.text-primary:hover {
+ color: #36669c;
+}
+.bg-primary {
+ color: #fff;
+ background-color: #467fbf;
+}
+a.bg-primary:hover {
+ background-color: #36669c;
+}
+abbr[title],
+abbr[data-original-title] {
+ border-bottom: 1px dotted #999999;
+}
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 14px;
+ border-left: 5px solid #467fbf;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #999999;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+ content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+ border-right: 5px solid #467fbf;
+}
+address {
+ margin-bottom: 20px;
+ line-height: 1.42857143;
+}
+.panel {
+ margin-bottom: 20px;
+ background-color: #ffffff;
+ border: 1px solid transparent;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 0;
+ box-shadow: 0 0 0;
+}
+.panel-heading {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 15px 15px;
+}
+.progress {
+ overflow: hidden;
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.panel-group {
+ margin-bottom: 20px;
+}
+.panel-group .panel {
+ margin-bottom: 0;
+ border-radius: 0;
+ overflow: hidden;
+}
+.panel-group .panel + .panel {
+ margin-top: 5px;
+}
+.panel-group.accordion .panel {
+ border-color: #ccc;
+}
+.panel-primary {
+ border-color: #467fbf;
+}
+.panel-primary > .panel-heading {
+ color: #ffffff;
+ background-color: #467fbf;
+ border-color: #467fbf;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #467fbf;
+}
+.panel-primary > .panel-heading .badge {
+ color: #467fbf;
+ background-color: #ffffff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #467fbf;
+}
+.panel-primary .panel-title {
+ font-weight: 300;
+}
+.panel-primary .panel-title a:hover {
+ color: #fff;
+ text-decoration: none;
+}
+a.badge:hover,
+a.badge:focus {
+ color: #ffffff;
+ text-decoration: none;
+ cursor: pointer;
+}
+a.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+ color: #467fbf;
+ background-color: #ffffff;
+}
+.nav-pills > li > a > .badge {
+ margin-left: 3px;
+}
+.progress-bar-primary {
+ background-color: #467fbf;
+}
+.progress-striped .progress-bar-primary {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+/*!
+ * Yamm!3 - Yet another megamenu for Bootstrap 3
+ * http://geedmo.github.com/yamm3
+ *
+ * @geedmo - Licensed under the MIT license
+ */
+.yamm .nav,
+.yamm .collapse,
+.yamm .dropup.use-yamm,
+.yamm .dropdown.use-yamm {
+ position: static;
+}
+.yamm .container {
+ position: relative;
+}
+.yamm .dropdown-menu {
+ left: auto;
+}
+.yamm .nav.navbar-right .dropdown-menu {
+ left: auto;
+ right: 0;
+}
+.yamm .yamm-content {
+ padding: 20px 30px;
+}
+.yamm .dropdown.yamm-fw .dropdown-menu {
+ left: 15px;
+ right: 15px;
+}
diff --git a/css/style.default.css b/css/style.default.css
new file mode 100755
index 0000000..f2e56d3
--- /dev/null
+++ b/css/style.default.css
@@ -0,0 +1,3557 @@
+.clearfix:before,
+.clearfix:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after {
+ content: " ";
+ display: table;
+}
+.clearfix:after,
+.navbar:after,
+.navbar-header: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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+/* general styles */
+a,
+button {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+a i.fa,
+button i.fa {
+ margin: 0 5px;
+}
+.clickable {
+ cursor: pointer !important;
+}
+.required {
+ color: #38a7bb;
+}
+.accent {
+ color: #38a7bb;
+}
+.text-uppercase {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .text-center-sm {
+ text-align: center;
+ }
+}
+p.lead {
+ margin-bottom: 40px;
+}
+section,
+div.section {
+ margin-bottom: 40px;
+}
+.no-mb {
+ margin-bottom: 0 !important;
+}
+.mb-small {
+ margin-bottom: 20px !important;
+}
+.heading {
+ margin-bottom: 40px;
+}
+.heading h1,
+.heading h2,
+.heading h3,
+.heading h4,
+.heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #38a7bb;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+ vertical-align: middle;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.heading h1 i.fa,
+.heading h2 i.fa,
+.heading h3 i.fa,
+.heading h4 i.fa,
+.heading h5 i.fa {
+ display: inline-block;
+ background: #38a7bb;
+ width: 30px;
+ height: 30px;
+ vertical-align: middle;
+ text-align: center;
+ color: #fff;
+ font-size: 12px;
+ line-height: 30px;
+ border-radius: 15px;
+}
+.icon {
+ display: inline-block;
+ width: 80px;
+ height: 80px;
+ color: #fff;
+ line-height: 80px;
+ border-radius: 40px;
+ border: solid 1px #fff;
+ font-size: 20px;
+}
+.icon.icon-lg {
+ font-size: 30px;
+ border-width: 2px;
+}
+.ul-icons {
+ padding-left: 10px;
+}
+.ul-icons li {
+ list-style-type: none;
+ line-height: 20px;
+ margin-bottom: 20px;
+}
+.ul-icons li i {
+ width: 20px;
+ height: 20px;
+ background: #38a7bb;
+ color: #fff;
+ text-align: center;
+ border-radius: 10px;
+ line-height: 20px;
+ margin-right: 10px;
+}
+ul.list-style-none {
+ list-style: none;
+}
+#text-page h1,
+#text-page h2,
+#text-page h3 {
+ font-weight: 700;
+}
+#error-page {
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 100px;
+}
+#error-page h4 {
+ margin-bottom: 40px;
+}
+#error-page p.buttons {
+ margin-top: 40px;
+}
+.pages-listing .item {
+ text-align: center;
+}
+.pages-listing .item h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+ letter-spacing: 0.08em;
+}
+.pages-listing .item h3 a {
+ color: #555555;
+}
+.pages-listing .item .text {
+ margin-bottom: 20px;
+}
+.pages-listing .item .text p {
+ color: #999999;
+ font-size: 12px;
+ margin-bottom: 20px;
+}
+.banner {
+ margin-bottom: 30px;
+ text-align: center;
+}
+.banner img {
+ margin: 0 auto;
+}
+.banner a:hover img {
+ opacity: 0.8;
+ filter: alpha(opacity=80);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.pages {
+ text-align: center;
+}
+.pages .loadMore {
+ text-align: center;
+}
+.pages .pagination {
+ text-align: center;
+}
+.features-buttons button {
+ margin-bottom: 20px;
+}
+@media (min-width: 1300px) {
+ body.boxed {
+ background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png);
+ }
+ body.boxed #all {
+ position: relative;
+ background: #fff;
+ width: 1200px;
+ margin: 0 auto;
+ overflow: hidden;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ }
+}
+#top {
+ background: #555555;
+ color: #eeeeee;
+ padding: 10px 0;
+}
+#top p {
+ margin: 0;
+ font-size: 12px;
+}
+#top .social {
+ float: right;
+ text-align: right;
+}
+#top .social a {
+ color: #999999;
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ border-radius: 12px;
+ line-height: 20px;
+ font-size: 12px;
+ text-align: center;
+ vertical-align: bottom;
+}
+#top .social a:hover {
+ color: #fff;
+}
+#top .social a:hover.facebook {
+ background-color: #4460ae;
+}
+#top .social a:hover.gplus {
+ background-color: #c21f25;
+}
+#top .social a:hover.twitter {
+ background-color: #3cf;
+}
+#top .social a:hover.instagram {
+ background-color: #cd4378;
+}
+#top .social a:hover.email {
+ background-color: #4a7f45;
+}
+#top .login {
+ float: right;
+}
+#top .login a {
+ font-size: 12px;
+ color: #eeeeee;
+ margin-right: 15px;
+ text-decoration: none;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 767px) {
+ #top .login {
+ float: left;
+ }
+}
+#top.light {
+ background: #fff;
+ color: #999999;
+ border-bottom: solid 1px #eeeeee;
+}
+#top.light .login a {
+ color: #555555;
+}
+.navbar {
+ border: none;
+}
+.navbar ul.nav > li > a {
+ text-transform: uppercase;
+ text-decoration: underline;
+ font-weight: bold;
+ letter-spacing: 0.08em;
+ border-top: solid 5px transparent;
+}
+.navbar ul.nav > li > a:hover {
+ border-top: solid 5px #38a7bb;
+}
+.navbar ul.nav > li.active > a,
+.navbar ul.nav > li.open > a {
+ text-decoration: none !important;
+ border-top: solid 5px #20616d;
+}
+@media (max-width: 768px) {
+ .navbar ul.nav > li.active > a,
+ .navbar ul.nav > li.open > a {
+ border-top-color: transparent;
+ }
+ .navbar ul.nav > li > a:hover {
+ border-top-color: transparent;
+ }
+}
+.navbar.navbar-light ul.nav > li.active > a {
+ border-top: solid 5px #20616d;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar.navbar-light ul.nav > li.active > a:hover {
+ border-top: solid 5px #20616d;
+}
+.navbar.navbar-light ul.nav > li > a:hover,
+.navbar.navbar-light ul.nav > li.open > a:hover,
+.navbar.navbar-light ul.nav > li > a:focus,
+.navbar.navbar-light ul.nav > li.open > a:focus {
+ border-top: solid 5px #38a7bb;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar ul.dropdown-menu {
+ margin: 0;
+ padding: 0;
+}
+.navbar ul.dropdown-menu li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 4px 0;
+}
+.navbar ul.dropdown-menu li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ left: 0;
+}
+.navbar ul.dropdown-menu li a:hover {
+ color: #38a7bb;
+ text-decoration: none;
+ background: none;
+ left: 2px;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .navbar ul.dropdown-menu li a:hover {
+ left: 0;
+ }
+}
+.navbar .yamm-content h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ margin-top: 5px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 767px) {
+ .navbar .yamm-content h3 {
+ font-size: 14px;
+ }
+}
+.navbar .yamm-content h5 {
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+.navbar .yamm-content ul {
+ margin: 0;
+ padding: 0;
+}
+.navbar .yamm-content ul li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ padding: 4px 0;
+}
+.navbar .yamm-content ul li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.navbar .yamm-content ul li a:hover {
+ color: #38a7bb;
+ text-decoration: none;
+ padding-left: 2px;
+}
+.navbar .yamm-content .banner {
+ margin-bottom: 10px;
+}
+.navbar .yamm-fw .dropdown-menu {
+ padding: 0;
+}
+.navbar .navbar-buttons {
+ float: right;
+}
+.navbar .navbar-buttons button,
+.navbar .navbar-buttons a.btn,
+.navbar .navbar-buttons .btn-default.navbar-toggle {
+ margin-top: 11px;
+ margin-bottom: 11px;
+ margin-left: 0;
+ margin-right: 5px;
+}
+.navbar .btn-default,
+.navbar .btn-default.navbar-toggle {
+ color: #999999;
+ background-color: #fff;
+ margin-left: 7px;
+ margin-right: 0;
+}
+.navbar .btn-default:hover,
+.navbar .btn-default.navbar-toggle:hover,
+.navbar .btn-default:focus,
+.navbar .btn-default.navbar-toggle:focus {
+ background-color: #fff;
+ border-color: #38a7bb;
+ color: #38a7bb;
+}
+.navbar #search {
+ clear: both;
+ border-top: solid 1px #38a7bb;
+ text-align: right;
+}
+.navbar #search form {
+ float: right;
+}
+.navbar #search form .input-group {
+ width: 500px;
+}
+@media (max-width: 768px) {
+ .navbar #search form .input-group {
+ width: 100%;
+ }
+}
+.navbar #basket-overview a {
+ margin-left: 7px;
+}
+.navbar-affixed-top {
+ top: -32px;
+}
+.navbar-affixed-top.affix-top {
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+.navbar-affixed-top.affix {
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1000;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+body.boxed .navbar-affixed-top.affix {
+ position: static;
+}
+#login-modal {
+ overflow: hidden;
+}
+#login-modal .modal-header h4 {
+ text-transform: uppercase;
+}
+#login-modal form {
+ margin-bottom: 20px;
+}
+#login-modal a {
+ color: #38a7bb;
+}
+#login-modal p {
+ font-weight: 300;
+ margin-bottom: 20px;
+ font-size: 13px;
+}
+/* buttons */
+.btn {
+ font-weight: 700;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 6px 12px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ border-radius: 0;
+}
+.input-group .btn {
+ font-size: 14px;
+}
+.btn-lg {
+ padding: 10px 16px;
+ font-size: 14px;
+ line-height: 1.33;
+ border-radius: 0;
+}
+.btn-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-xs {
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-template-main {
+ color: #38a7bb;
+ background-color: #ffffff;
+ border-color: #38a7bb;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ color: #38a7bb;
+ background-color: #e6e6e6;
+ border-color: #2a7d8c;
+}
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ background-image: none;
+}
+.btn-template-main.disabled,
+.btn-template-main[disabled],
+fieldset[disabled] .btn-template-main,
+.btn-template-main.disabled:hover,
+.btn-template-main[disabled]:hover,
+fieldset[disabled] .btn-template-main:hover,
+.btn-template-main.disabled:focus,
+.btn-template-main[disabled]:focus,
+fieldset[disabled] .btn-template-main:focus,
+.btn-template-main.disabled:active,
+.btn-template-main[disabled]:active,
+fieldset[disabled] .btn-template-main:active,
+.btn-template-main.disabled.active,
+.btn-template-main[disabled].active,
+fieldset[disabled] .btn-template-main.active {
+ background-color: #ffffff;
+ border-color: #38a7bb;
+}
+.btn-template-main .badge {
+ color: #ffffff;
+ background-color: #38a7bb;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active {
+ background: #38a7bb;
+ color: #ffffff;
+ border-color: #38a7bb;
+}
+.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ background-image: none;
+}
+.btn-template-transparent-primary.disabled,
+.btn-template-transparent-primary[disabled],
+fieldset[disabled] .btn-template-transparent-primary,
+.btn-template-transparent-primary.disabled:hover,
+.btn-template-transparent-primary[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-primary:hover,
+.btn-template-transparent-primary.disabled:focus,
+.btn-template-transparent-primary[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-primary:focus,
+.btn-template-transparent-primary.disabled:active,
+.btn-template-transparent-primary[disabled]:active,
+fieldset[disabled] .btn-template-transparent-primary:active,
+.btn-template-transparent-primary.disabled.active,
+.btn-template-transparent-primary[disabled].active,
+fieldset[disabled] .btn-template-transparent-primary.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active {
+ background: #fff;
+ color: #38a7bb;
+ border-color: #fff;
+}
+.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ background-image: none;
+}
+.btn-template-transparent-black.disabled,
+.btn-template-transparent-black[disabled],
+fieldset[disabled] .btn-template-transparent-black,
+.btn-template-transparent-black.disabled:hover,
+.btn-template-transparent-black[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-black:hover,
+.btn-template-transparent-black.disabled:focus,
+.btn-template-transparent-black[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-black:focus,
+.btn-template-transparent-black.disabled:active,
+.btn-template-transparent-black[disabled]:active,
+fieldset[disabled] .btn-template-transparent-black:active,
+.btn-template-transparent-black.disabled.active,
+.btn-template-transparent-black[disabled].active,
+fieldset[disabled] .btn-template-transparent-black.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active {
+ background: #fff;
+ color: #000;
+ border-color: #fff;
+}
+.btn-template-primary {
+ color: #ffffff;
+ background-color: #38a7bb;
+ border-color: #38a7bb;
+}
+.btn-template-primary:hover,
+.btn-template-primary:focus,
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ color: #ffffff;
+ background-color: #2c8494;
+ border-color: #2a7d8c;
+}
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ background-image: none;
+}
+.btn-template-primary.disabled,
+.btn-template-primary[disabled],
+fieldset[disabled] .btn-template-primary,
+.btn-template-primary.disabled:hover,
+.btn-template-primary[disabled]:hover,
+fieldset[disabled] .btn-template-primary:hover,
+.btn-template-primary.disabled:focus,
+.btn-template-primary[disabled]:focus,
+fieldset[disabled] .btn-template-primary:focus,
+.btn-template-primary.disabled:active,
+.btn-template-primary[disabled]:active,
+fieldset[disabled] .btn-template-primary:active,
+.btn-template-primary.disabled.active,
+.btn-template-primary[disabled].active,
+fieldset[disabled] .btn-template-primary.active {
+ background-color: #38a7bb;
+ border-color: #38a7bb;
+}
+.btn-template-primary .badge {
+ color: #38a7bb;
+ background-color: #ffffff;
+}
+#intro {
+ background: url('../img/home.jpg') no-repeat center top;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+#intro .item {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ height: 100%;
+}
+#intro .item h1 {
+ text-transform: uppercase;
+ font-size: 50px;
+ color: #fff;
+ margin-bottom: 40px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #intro .item h1 {
+ font-size: 40px;
+ }
+}
+@media (max-width: 767px) {
+ #intro .item h1 {
+ font-size: 25px;
+ }
+}
+#intro .item h3 {
+ color: #fff;
+ margin-bottom: 40px;
+}
+@media (max-width: 767px) {
+ #intro .item h3 {
+ font-size: 15px;
+ margin-bottom: 20px;
+ }
+}
+#intro .item .btn {
+ text-transform: none;
+}
+@media (max-width: 991px) {
+ #intro .item .btn {
+ font-size: 14px;
+ }
+}
+@media (max-width: 991px) {
+ #intro .item .carousel-caption {
+ left: 10%;
+ right: 10%;
+ }
+}
+#intro .container,
+#intro .row {
+ height: 100%;
+ position: relative;
+}
+.jumbotron {
+ padding: 30px;
+ margin-bottom: 0;
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.jumbotron .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #38a7bb;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3,
+.jumbotron p,
+.jumbotron ul {
+ color: #fff;
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3 {
+ color: #ffffff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.jumbotron p {
+ margin-bottom: 20px;
+ font-size: 21px;
+ font-weight: 400;
+}
+.jumbotron p.text-uppercase {
+ font-weight: 700;
+}
+.jumbotron > hr {
+ border-top-color: #d5d5d5;
+}
+.container .jumbotron {
+ border-radius: 0;
+}
+.jumbotron .container {
+ max-width: 100%;
+ z-index: 2;
+}
+@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: 46px;
+ }
+}
+#categoryMenu h3 {
+ padding: 20px;
+ background: #f7f7f7;
+ margin: 0;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu h3 {
+ padding: 5px 0;
+ margin: 0;
+}
+.panel.sidebar-menu {
+ background: #fff;
+ margin: 0 0 20px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.panel.sidebar-menu .panel-heading {
+ text-transform: uppercase;
+ margin-bottom: 10px;
+ background: none;
+ padding: 0;
+ letter-spacing: 0.08em;
+ border-bottom: none;
+}
+.panel.sidebar-menu .panel-heading h1,
+.panel.sidebar-menu .panel-heading h2,
+.panel.sidebar-menu .panel-heading h3,
+.panel.sidebar-menu .panel-heading h4,
+.panel.sidebar-menu .panel-heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #38a7bb;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+}
+.panel.sidebar-menu .panel-heading .btn.btn-danger {
+ color: #fff;
+ margin-top: 5px;
+}
+.panel.sidebar-menu .panel-body {
+ padding: 0;
+}
+.panel.sidebar-menu .panel-body span.colour {
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ border: solid 1px #555555;
+ vertical-align: top;
+ margin-top: 2px;
+ margin-left: 5px;
+}
+.panel.sidebar-menu .panel-body span.colour.white {
+ background: #fff;
+}
+.panel.sidebar-menu .panel-body span.colour.red {
+ background: red;
+}
+.panel.sidebar-menu .panel-body span.colour.green {
+ background: green;
+}
+.panel.sidebar-menu .panel-body span.colour.blue {
+ background: blue;
+}
+.panel.sidebar-menu .panel-body span.colour.yellow {
+ background: yellow;
+}
+.panel.sidebar-menu .panel-body label {
+ color: #999999;
+ font-size: 12px;
+}
+.panel.sidebar-menu .panel-body label:hover {
+ color: #555555;
+}
+.panel.sidebar-menu ul.nav.category-menu {
+ margin-bottom: 20px;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu ul.nav.category-menu li a {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.panel.sidebar-menu ul.nav ul {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.nav ul li {
+ display: block;
+}
+.panel.sidebar-menu ul.nav ul li a {
+ position: relative;
+ font-family: "Times New Roman", Times, serif;
+ font-weight: normal;
+ text-transform: none !important;
+ display: block;
+ padding: 10px 15px;
+ padding-left: 30px;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.nav ul li a:hover,
+.panel.sidebar-menu ul.nav ul li a:focus {
+ text-decoration: none;
+ background-color: #eeeeee;
+}
+.panel.sidebar-menu ul.tag-cloud {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.tag-cloud li {
+ display: inline-block;
+}
+.panel.sidebar-menu ul.tag-cloud li a {
+ display: inline-block;
+ padding: 5px;
+ border: solid 1px #eeeeee;
+ border-radius: 0;
+ color: #38a7bb;
+ margin: 5px 5px 5px 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 700;
+ font-size: 12px;
+}
+.panel.sidebar-menu ul.tag-cloud li a:hover {
+ color: #38a7bb;
+ text-decoration: none;
+ border-color: #38a7bb;
+}
+.panel.sidebar-menu ul.popular,
+.panel.sidebar-menu ul.recent {
+ list-style: none;
+ padding-left: 0;
+ padding: 20px 0;
+}
+.panel.sidebar-menu ul.popular li,
+.panel.sidebar-menu ul.recent li {
+ margin-bottom: 10px;
+ padding: 5px 0;
+ border-bottom: dotted 1px #eeeeee;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li img,
+.panel.sidebar-menu ul.recent li img {
+ width: 50px;
+ margin-right: 10px;
+}
+.panel.sidebar-menu ul.popular li h5,
+.panel.sidebar-menu ul.recent li h5 {
+ margin: 0 0 10px;
+}
+.panel.sidebar-menu ul.popular li h5 a,
+.panel.sidebar-menu ul.recent li h5 a {
+ font-weight: normal;
+}
+.panel.sidebar-menu ul.popular li p.date,
+.panel.sidebar-menu ul.recent li p.date {
+ float: right;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.popular li:last-child,
+.panel.sidebar-menu ul.recent li:last-child {
+ border-bottom: none;
+}
+.panel.sidebar-menu .text-widget {
+ font-size: 12px;
+}
+.panel.sidebar-menu.with-icons ul.nav li a:after {
+ font-family: 'FontAwesome';
+ content: "\f105";
+ position: relative;
+ top: 0;
+ float: right;
+}
+/* ribbons for product sales etc. */
+.ribbon {
+ position: absolute;
+ top: 50px;
+ padding-left: 51px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.ribbon .ribbon-background {
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.ribbon .theribbon {
+ position: relative;
+ width: 80px;
+ padding: 6px 20px 6px 20px;
+ margin: 30px 10px 10px -71px;
+ color: #fff;
+ background-color: #38a7bb;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.ribbon .theribbon:before,
+.ribbon .theribbon:after {
+ content: ' ';
+ position: absolute;
+ width: 0;
+ height: 0;
+}
+.ribbon .theribbon:after {
+ left: 0px;
+ top: 100%;
+ border-width: 5px 10px;
+ border-style: solid;
+ border-color: #000000 #000000 transparent transparent;
+}
+.ribbon.sale {
+ top: 0;
+}
+.ribbon.new {
+ top: 50px;
+}
+.ribbon.new .theribbon {
+ background-color: #5bc0de;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.new .theribbon:after {
+ border-color: #2390b0 #2390b0 transparent transparent;
+}
+.ribbon.gift {
+ top: 100px;
+}
+.ribbon.gift .theribbon {
+ background-color: #5cb85c;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.gift .theribbon:after {
+ border-color: #357935 #357935 transparent transparent;
+}
+.owl-carousel .owl-controls .owl-page.active span,
+.owl-theme .owl-controls .owl-page.active span,
+.owl-carousel .owl-controls.clickable .owl-page:hover span,
+.owl-theme .owl-controls.clickable .owl-page:hover span {
+ background: #38a7bb;
+}
+.owl-carousel .owl-controls .owl-buttons,
+.owl-theme .owl-controls .owl-buttons {
+ position: absolute;
+ top: 5px;
+ right: 0;
+}
+.owl-carousel .owl-controls .owl-buttons div,
+.owl-theme .owl-controls .owl-buttons div {
+ width: 26px;
+ height: 26px;
+ line-height: 25px;
+ margin: 0 5px 0 0;
+ font-size: 18px;
+ color: #38a7bb;
+ padding: 0;
+ background: #fff;
+ border-radius: 13px;
+ vertical-align: middle;
+ text-align: center;
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+.home-carousel {
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.home-carousel .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #38a7bb;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.home-carousel .owl-carousel {
+ padding-top: 60px;
+ padding-bottom: 20px;
+}
+.home-carousel .owl-theme .owl-controls .owl-page span {
+ background: #666;
+}
+.home-carousel .owl-theme .owl-controls .owl-page.active span {
+ background: #fff;
+}
+.home-carousel .owl-theme .owl-controls .owl-page:hover span {
+ background: #fff;
+}
+@media (max-width: 767px) {
+ .home-carousel {
+ text-align: center !important;
+ }
+}
+@media (min-width: 992px) {
+ .home-carousel .right {
+ text-align: right;
+ }
+}
+.home-carousel h1,
+.home-carousel h2,
+.home-carousel h3,
+.home-carousel p,
+.home-carousel ul {
+ color: #fff;
+}
+.home-carousel h1 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 46px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .home-carousel h1 {
+ font-size: 36px;
+ }
+}
+.home-carousel h2 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 40px;
+ letter-spacing: 0.08em;
+}
+.home-carousel ul,
+.home-carousel p {
+ font-size: 18px;
+ font-weight: 700;
+ padding: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 991px) {
+ .home-carousel ul,
+ .home-carousel p {
+ font-size: 14px;
+ }
+}
+.home-carousel ul li {
+ margin-bottom: 10px;
+}
+.customers {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.customers .item {
+ list-style-type: none;
+ text-align: center;
+ margin: 0 20px;
+}
+.customers .item img {
+ display: inline-block;
+ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+ /* Firefox 10+, Firefox on Android */
+ filter: gray;
+ /* IE6-9 */
+ -webkit-filter: grayscale(100%);
+ /* Chrome 19+, Safari 6+, Safari 6+ iOS */
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.customers .item img:hover {
+ max-width: auto;
+ filter: none;
+ -webkit-filter: none;
+}
+.testimonials {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.testimonials .item {
+ list-style-type: none;
+ margin: 0 5px;
+ background: #fff;
+ padding-bottom: 60px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.testimonials .item .testimonial {
+ position: relative;
+ padding: 20px;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial .text {
+ color: #999999;
+ margin-bottom: 40px;
+}
+.testimonials .item .testimonial .bottom {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px;
+ height: 50px;
+}
+.testimonials .item .testimonial .bottom .icon {
+ color: #38a7bb;
+ font-size: 30px;
+ float: left;
+ width: 20%;
+}
+.testimonials .item .testimonial .name-picture {
+ float: right;
+ width: 80%;
+ text-align: right;
+}
+.testimonials .item .testimonial .name-picture h5 {
+ font-size: 14px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.testimonials .item .testimonial .name-picture p {
+ color: #999999;
+ margin: 0;
+ font-size: 12px;
+}
+.testimonials .item .testimonial .name-picture img {
+ float: right;
+ width: 60px;
+ border-radius: 30px;
+ margin-left: 10px;
+}
+.team-member {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.team-member h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ letter-spacing: 0.08em;
+}
+.team-member h3 a {
+ color: #555555;
+}
+.team-member p.role {
+ color: #999999;
+ font-size: 12px;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.team-member .social {
+ margin-bottom: 20px;
+}
+.team-member .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email {
+ background-color: #4a7f45;
+}
+.team-member .text p {
+ color: #999999;
+ font-size: 12px;
+}
+.team-member .social,
+.team-member-detail .social {
+ margin-bottom: 20px;
+}
+.team-member .social a,
+.team-member-detail .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i,
+.team-member-detail .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook,
+.team-member-detail .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus,
+.team-member-detail .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter,
+.team-member-detail .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram,
+.team-member-detail .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email,
+.team-member-detail .social a.email {
+ background-color: #4a7f45;
+}
+.box-simple {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.box-simple .icon {
+ color: #38a7bb;
+ border-color: #38a7bb;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.box-simple h3 {
+ font-weight: normal;
+ font-size: 18px;
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-simple h3 a {
+ color: #555555;
+}
+.box-simple p {
+ color: #999999;
+}
+.box-simple:hover .icon {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.box-simple:hover .icon i {
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+}
+.box-simple.box-white {
+ padding: 20px;
+ border: dotted 1px #999999;
+}
+.box-simple.box-white .icon {
+ color: #555555;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark {
+ padding: 20px;
+ border: dotted 1px #999999;
+ background: #555555;
+ color: #fff;
+}
+.box-simple.box-dark .icon {
+ color: #f7f7f7;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark h3 {
+ color: #fff;
+}
+.box-simple.box-dark h3 a {
+ color: #fff;
+}
+.box-simple.box-dark p {
+ color: #fff;
+}
+.box-image {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #38a7bb;
+}
+.box-image .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+.box-image-text {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image-text .top {
+ position: relative;
+ margin-bottom: 10px;
+}
+.box-image-text .top .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #38a7bb;
+}
+.box-image-text .top .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .top .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image-text .top .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image-text .top .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .content h3,
+.box-image-text .content h4 {
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-image-text .content p {
+ color: #999999;
+}
+.box-image-text:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image-text:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image-text:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+/* universal box */
+.box {
+ background: #fff;
+ margin: 0 0 30px;
+ border: solid 1px #ccc;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px 0;
+ border-left: none;
+ border-right: none;
+}
+.box .box-header {
+ background: #f7f7f7;
+ margin: -20px 0 20px;
+ padding: 20px;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-footer {
+ background: #f7f7f7;
+ margin: 30px 0 -20px;
+ padding: 20px;
+ border-top: solid 1px #eeeeee;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+@media (max-width: 991px) {
+ .box .box-footer .btn {
+ margin-bottom: 20px;
+ }
+}
+.box.no-border {
+ border: none;
+}
+#heading-breadcrumbs {
+ background: url('../img/texture-bw.png') center center repeat;
+ padding: 20px 0;
+ margin-bottom: 40px;
+}
+#heading-breadcrumbs.no-mb {
+ margin-bottom: 0;
+}
+#heading-breadcrumbs h1 {
+ color: #333333;
+ text-transform: uppercase;
+ font-size: 30px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #heading-breadcrumbs h1 {
+ text-align: center;
+ }
+}
+#heading-breadcrumbs ul.breadcrumb {
+ margin-top: 5px;
+ margin-bottom: 0;
+}
+.bar {
+ position: relative;
+ background: #38a7bb;
+ padding: 60px 0;
+}
+.bar.background-pentagon {
+ background: url('../img/texture-bw.png') center center repeat;
+ border-top: solid 1px #999999;
+ border-bottom: solid 1px #999999;
+}
+.bar.background-gray {
+ background: #eeeeee;
+}
+.bar.background-gray-dark {
+ background: #555555;
+}
+.bar.background-white {
+ background: #fff;
+}
+.bar.background-image-fixed-1 {
+ background: url('../img/fixed-background-1.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.background-image-fixed-2 {
+ background: url('../img/fixed-background-2.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.color-white h1,
+.bar.color-white h2,
+.bar.color-white h3,
+.bar.color-white h4,
+.bar.color-white h5,
+.bar.color-white h6,
+.bar.color-white p {
+ color: #fff;
+}
+.bar.padding-big {
+ padding: 50px 0;
+}
+.bar.padding-horizontal {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+.bar.margin-vertical {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.bar .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+}
+.portfolio.no-space {
+ padding: 0 15px;
+}
+.portfolio.no-space .box-image {
+ margin: 0 -15px;
+}
+.portfolio-project .project-more h4 {
+ color: #555555;
+ text-transform: uppercase;
+ margin-bottom: 0;
+ text-align: left;
+ font-size: 14px;
+ letter-spacing: 0.08em;
+}
+.portfolio-project .project-more p {
+ color: #999999;
+ padding: 10px 0;
+ margin-bottom: 20px;
+ text-align: left;
+}
+.portfolio-showcase {
+ margin: 15px 0 60px;
+}
+.portfolio-showcase h3 a {
+ text-transform: uppercase;
+ line-height: 1.5;
+ letter-spacing: 0.08em;
+}
+.portfolio-showcase p.lead {
+ color: #555555;
+ margin-bottom: 20px;
+}
+.portfolio-showcase p {
+ color: #999999;
+}
+.portfolio-showcase p.buttons {
+ margin-top: 40px;
+}
+.see-more {
+ text-align: center;
+ margin-top: 20px;
+ padding-top: 20px;
+}
+.see-more p {
+ font-size: 28px;
+ font-weight: 100;
+ margin-bottom: 20px;
+}
+.showcase .item {
+ text-align: center;
+}
+.showcase .item .icon {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ color: #555555;
+ line-height: 50px;
+ border-radius: 25px;
+ border: solid 1px #555555;
+}
+.showcase .item h4 {
+ color: #555555;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ line-height: 1.5;
+ font-size: 16px;
+}
+.showcase .item h4 span {
+ font-weight: bold;
+ font-size: 51px;
+}
+.packages .package {
+ background: #fff;
+ margin-top: 25px;
+ margin-bottom: 20px;
+ padding-bottom: 15px;
+ text-align: center;
+ border: solid 1px #38a7bb;
+ overflow: hidden;
+}
+.packages .package .package-header {
+ height: 57px;
+ color: #fff;
+ line-height: 57px;
+ background: #38a7bb;
+}
+.packages .package .package-header h5 {
+ color: #fff;
+ text-transform: uppercase;
+ font-weight: bold;
+ line-height: 57px;
+ margin: 0;
+ letter-spacing: 0.08em;
+}
+.packages .package .package-header.light-gray {
+ background: #eeeeee;
+}
+.packages .package .package-header.light-gray h5 {
+ color: #555555;
+}
+.packages .package .price {
+ line-height: 120px;
+ height: 100px;
+ color: #fff;
+ font-weight: 400;
+}
+.packages .package .price h4 {
+ display: inline;
+ font-size: 50px;
+ line-height: normal;
+ margin-bottom: 0;
+}
+.packages .package .price .period {
+ line-height: normal;
+ color: #999999;
+}
+.packages .package ul {
+ padding: 0;
+}
+.packages .package ul li {
+ list-style-type: none;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ width: 80%;
+ margin: auto;
+ border-bottom: 1px dotted #ccc;
+}
+.packages .package ul li:last-child {
+ border-bottom: 0;
+}
+.packages .package ul li i {
+ font-size: 13px;
+ margin-right: 5px;
+}
+.packages .best-value .package {
+ margin-top: 0;
+ padding-bottom: 40px;
+}
+.packages .best-value .package .package-header {
+ height: 72px;
+ padding-top: 17px;
+ height: 82px !important;
+}
+.packages .best-value .package .package-header h5 {
+ font-weight: bold;
+ line-height: 29px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.packages .best-value .package .package-header .meta-text {
+ font-size: 13px;
+ line-height: 15px;
+}
+#map {
+ height: 300px;
+}
+#map.with-border {
+ border-top: solid 1px #38a7bb;
+ border-bottom: solid 1px #38a7bb;
+}
+#blog-listing-big .post,
+#blog-homepage .post {
+ margin-bottom: 60px;
+}
+#blog-listing-big .post h2,
+#blog-homepage .post h2,
+#blog-listing-big .post h4,
+#blog-homepage .post h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post h2 a,
+#blog-homepage .post h2 a,
+#blog-listing-big .post h4 a,
+#blog-homepage .post h4 a {
+ color: #555555;
+}
+#blog-listing-big .post h2 a:hover,
+#blog-homepage .post h2 a:hover,
+#blog-listing-big .post h4 a:hover,
+#blog-homepage .post h4 a:hover {
+ color: #38a7bb;
+}
+#blog-listing-big .post .author-category,
+#blog-homepage .post .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post .author-category a,
+#blog-homepage .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-big .post .date-comments a,
+#blog-homepage .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-big .post .date-comments a:hover,
+#blog-homepage .post .date-comments a:hover {
+ color: #38a7bb;
+}
+@media (min-width: 768px) {
+ #blog-listing-big .post .date-comments,
+ #blog-homepage .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-big .post .intro,
+#blog-homepage .post .intro {
+ text-align: left;
+}
+#blog-listing-big .post .image,
+#blog-homepage .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-big .post .image img,
+#blog-homepage .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-big .post .image img.img-responsive,
+ #blog-homepage .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-big .post .video,
+#blog-homepage .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-big .post .read-more,
+#blog-homepage .post .read-more {
+ text-align: right;
+}
+#blog-listing-medium .post {
+ margin-bottom: 60px;
+}
+#blog-listing-medium .post h2 {
+ text-transform: uppercase;
+ margin: 0 0 10px;
+ font-size: 24px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post h2 a {
+ color: #555555;
+}
+#blog-listing-medium .post h2 a:hover {
+ color: #38a7bb;
+}
+#blog-listing-medium .post .author-category {
+ float: left;
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ font-size: 12px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-medium .post .date-comments {
+ float: right;
+ font-size: 12px;
+}
+#blog-listing-medium .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-medium .post .date-comments a:hover {
+ color: #38a7bb;
+}
+@media (min-width: 768px) {
+ #blog-listing-medium .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-medium .post .intro {
+ text-align: left;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-medium .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-medium .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-medium .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-medium .post .read-more {
+ text-align: right;
+}
+.box-image-text.blog .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 300;
+ font-size: 12px;
+}
+.box-image-text.blog .author-category a {
+ font-weight: 500;
+}
+.box-image-text.blog .intro {
+ text-align: left;
+ margin-bottom: 20px;
+}
+#blog-homepage .post {
+ margin-bottom: 30px;
+}
+#blog-homepage .post h2,
+#blog-homepage .post h4,
+#blog-homepage .post .author-category,
+#blog-homepage .post .read-more {
+ text-align: center;
+}
+#blog-homepage .post .read-more {
+ margin-top: 20px;
+}
+#blog-post #post-content {
+ margin-bottom: 20px;
+}
+#blog-post .comment {
+ margin-bottom: 25px;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment .posted {
+ color: #999999;
+ font-size: 12px;
+}
+#blog-post .comment .reply {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#blog-post .comment.last {
+ margin-bottom: 0;
+}
+#blog-post #comments,
+#blog-post #comment-form {
+ padding: 20px 0;
+ margin-top: 20px;
+ border-top: solid 1px #eeeeee;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments h4,
+#blog-post #comment-form h4 {
+ margin-bottom: 20px;
+}
+#blog-post #comment-form {
+ margin-bottom: 20px;
+}
+.product {
+ background: #fff;
+ border-bottom: solid 1px #e6e6e6;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 60px;
+ overflow: hidden;
+ text-align: center;
+}
+.product .image {
+ overflow: hidden;
+}
+.product .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .product .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+.product .text {
+ padding: 10px;
+}
+.product .text h3 {
+ font-size: 14px;
+ font-weight: 700;
+ height: 39.6px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.product .text h3 a {
+ color: #555555;
+}
+.product .text h3 a:hover {
+ text-decoration: none;
+}
+.product .text p.price {
+ font-size: 18px;
+}
+.product .text p.price del {
+ color: #999999;
+}
+.product .buttons {
+ clear: both;
+ position: absolute;
+ display: none;
+ bottom: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ border: solid 1px transparent;
+ padding: 20px;
+ background: rgba(255, 255, 255, 0.9);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ text-align: center;
+}
+.product .buttons .btn {
+ margin-bottom: 20px;
+}
+.product:hover {
+ border-bottom: solid 1px #808080;
+ top: 0;
+}
+.product:hover .buttons {
+ clear: both;
+ position: absolute;
+ top: 0;
+ background: rgba(255, 255, 255, 0.5);
+}
+.product:hover .image img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.goToDescription {
+ font-size: 12px;
+ text-align: center;
+ margin-bottom: 40px;
+}
+.goToDescription a {
+ color: #999999;
+ text-decoration: underline;
+}
+#productMain {
+ margin-bottom: 30px;
+}
+#productMain .sizes {
+ text-align: center;
+}
+#productMain .sizes h3 {
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ margin-bottom: 40px;
+}
+#productMain .sizes a {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ border-radius: 40px;
+ background: #ccc;
+ line-height: 40px;
+ color: #555555;
+ text-align: center;
+ text-decoration: none;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#productMain .sizes a.active,
+#productMain .sizes a:hover {
+ background: #38a7bb;
+ color: #fff;
+}
+#productMain .sizes input {
+ display: none;
+}
+#productMain .price {
+ font-size: 40px;
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 40px;
+}
+#thumbs a {
+ display: block;
+ border: solid 1px transparent;
+}
+#thumbs a.active {
+ border-color: #38a7bb;
+}
+#product-social {
+ text-align: center;
+}
+#product-social h4 {
+ font-weight: 300;
+ margin-bottom: 10px;
+}
+#product-social p {
+ line-height: 26px;
+}
+#product-social p a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+#product-social p a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+#product-social p a.facebook {
+ background-color: #4460ae;
+}
+#product-social p a.gplus {
+ background-color: #c21f25;
+}
+#product-social p a.twitter {
+ background-color: #3cf;
+}
+#product-social p a.instagram {
+ background-color: #cd4378;
+}
+#product-social p a.email {
+ background-color: #4a7f45;
+}
+@media (max-width: 991px) {
+ #product-social {
+ text-align: center;
+ }
+}
+#checkout .nav {
+ margin-bottom: 20px;
+ border-bottom: solid 1px #38a7bb;
+}
+#checkout .nav li {
+ height: 100%;
+}
+#checkout .nav li a {
+ display: block;
+ height: 100%;
+}
+#order-summary table {
+ margin-top: 20px;
+}
+#order-summary table td {
+ color: #999999;
+}
+#order-summary table tr.total td,
+#order-summary table tr.total th {
+ font-size: 18px;
+ color: #555555;
+ font-weight: 700;
+}
+#checkout .table tbody tr td,
+#basket .table tbody tr td,
+#customer-order .table tbody tr td {
+ vertical-align: middle;
+}
+#checkout .table tbody tr td input,
+#basket .table tbody tr td input,
+#customer-order .table tbody tr td input {
+ width: 50px;
+ text-align: right;
+}
+#checkout .table tbody tr td img,
+#basket .table tbody tr td img,
+#customer-order .table tbody tr td img {
+ width: 50px;
+}
+#checkout .table tfoot,
+#basket .table tfoot,
+#customer-order .table tfoot {
+ font-size: 18px;
+}
+.shipping-method h4,
+.payment-method h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#customer-orders table tr th,
+#customer-orders table tr td {
+ vertical-align: baseline;
+}
+#customer-order .table tfoot th {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-order .addresses {
+ text-align: right;
+ margin-bottom: 30px;
+}
+#customer-order .addresses p {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-account {
+ margin-bottom: 30px;
+}
+#get-it {
+ background: #38a7bb;
+ padding: 50px 0 30px;
+ color: #fff;
+ text-align: center;
+}
+#get-it h1,
+#get-it h2,
+#get-it h3,
+#get-it h4,
+#get-it h5,
+#get-it h6 {
+ color: #fff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ margin: 0 0 20px;
+}
+#get-it p {
+ margin: 0 0 20px;
+}
+#footer {
+ background: #555555;
+ padding: 50px 0;
+ color: #999999;
+}
+#footer h1,
+#footer h2,
+#footer h3,
+#footer h4,
+#footer h5,
+#footer h6 {
+ color: #eeeeee;
+}
+#footer h4 {
+ font-size: 14px;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#footer ul {
+ padding-left: 0;
+ list-style: none;
+}
+#footer ul a {
+ color: #999999;
+}
+#footer ul a:hover {
+ color: #38a7bb;
+ text-decoration: none;
+}
+#footer .photostream div {
+ float: left;
+ display: block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 33%;
+ padding: 7.5px;
+ overflow: hidden;
+}
+#footer .photostream div a {
+ border: solid 1 px #eeeeee;
+}
+#footer .photostream div img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+#footer .photostream div:hover img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+#footer .blog-entries .item {
+ clear: both;
+ padding: 5px 0;
+ margin-bottom: 10px;
+ border-bottom: solid 1px #555555;
+}
+#footer .blog-entries .item .image {
+ float: left;
+ width: 15%;
+ margin-right: 10px;
+}
+#footer .blog-entries .item .name {
+ width: 75%;
+ margin-left: 10px;
+ display: table-cell;
+ vertical-align: middle;
+}
+#footer .blog-entries .item .name h5 {
+ margin: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-size: 12px;
+}
+#footer .blog-entries .item .name h5 a {
+ color: #eeeeee;
+}
+#footer .blog-entries .item .text {
+ width: 100%;
+ clear: both;
+}
+#footer .blog-entries .item:last-child {
+ border-bottom: none;
+ margin-bottom: 0;
+}
+#footer .social a {
+ color: #555555;
+ font-size: 25px;
+ margin: 0 10px 0 0;
+}
+#footer .social a:hover {
+ color: #38a7bb;
+}
+#copyright {
+ background: #333;
+ color: #ccc;
+ padding: 50px 0;
+ font-size: 12px;
+ line-height: 28px;
+}
+#copyright p {
+ margin: 0;
+}
+@media (max-width: 991px) {
+ #copyright p {
+ float: none !important;
+ text-align: center;
+ margin-bottom: 10px;
+ }
+}
+[data-animate] {
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+#style-switch-button {
+ position: fixed;
+ top: 100px;
+ left: 0px;
+ border-radius: 0;
+}
+#style-switch {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 300px;
+ padding: 20px;
+ position: fixed;
+ top: 140px;
+ left: 0;
+ background: #fff;
+ border: solid 1px #eeeeee;
+}
+@media (max-width: 991px) {
+ #style-switch-button {
+ display: none;
+ }
+ #style-switch {
+ display: none;
+ }
+}
+/* Original Boostrap template overwrite */
+/* breadcrumbs */
+.breadcrumb {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ background-color: none;
+ letter-spacing: 0.08em;
+}
+/* nav */
+.nav > li > a {
+ padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+ background-color: #eeeeee;
+}
+.nav > li.disabled > a {
+ color: #999999;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+ color: #999999;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+ background-color: #eeeeee;
+ border-color: #38a7bb;
+}
+.nav-tabs {
+ border-bottom: 1px solid #38a7bb;
+}
+.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: 0 0 0 0;
+}
+.nav-tabs > li > a:hover {
+ border-color: #eeeeee #eeeeee #38a7bb;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+ color: #555555;
+ background-color: #ffffff;
+ border: 1px solid #38a7bb;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+.nav-tabs.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #38a7bb;
+ 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;
+}
+.nav-tabs.nav-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+ border: 1px solid #38a7bb;
+}
+@media (min-width: 768px) {
+ .nav-tabs.nav-justified > li > a {
+ border-bottom: 1px solid #38a7bb;
+ border-radius: 0 0 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: #ffffff;
+ }
+}
+.nav-pills > li {
+ float: left;
+}
+.nav-pills > li > a {
+ border-radius: 0;
+}
+.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: #ffffff;
+ background-color: #38a7bb;
+}
+.nav-stacked > li {
+ float: none;
+}
+.nav-stacked > li + li {
+ margin-top: 2px;
+ margin-left: 0;
+}
+.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #38a7bb;
+}
+.nav-justified > li {
+ float: none;
+}
+.nav-justified > li > a {
+ text-align: center;
+ /*margin-bottom: 5px;*/
+}
+.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
+}
+.nav-tabs-justified {
+ border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+ border: 1px solid #38a7bb;
+}
+@media (min-width: 768px) {
+ .nav-tabs-justified > li > a {
+ border-bottom: 1px solid #38a7bb;
+ border-radius: 0 0 0 0;
+ }
+ .nav-tabs-justified > .active > a,
+ .nav-tabs-justified > .active > a:hover,
+ .nav-tabs-justified > .active > a:focus {
+ border-bottom-color: #ffffff;
+ }
+}
+.tab-content {
+ padding: 15px;
+ border: solid 1px #ddd;
+ border-top: none;
+}
+/* navbar */
+.navbar {
+ position: relative;
+ min-height: 62px;
+ margin-bottom: 0;
+ border-bottom: 1px solid transparent;
+}
+@media (min-width: 768px) {
+ .navbar {
+ border-radius: 0px;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-header {
+ float: left;
+ }
+}
+.navbar-collapse {
+ overflow-x: visible;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+.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;
+ }
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-affixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+ max-height: 340px;
+}
+@media (max-width: 480px) and (orientation: landscape) {
+ .navbar-fixed-top .navbar-collapse,
+ .navbar-affixed-top .navbar-collapse,
+ .navbar-fixed-bottom .navbar-collapse {
+ max-height: 200px;
+ }
+}
+.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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+@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: 10px 15px;
+ font-size: 18px;
+ line-height: 20px;
+ height: 62px;
+}
+.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: 14px;
+ margin-bottom: 14px;
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 0;
+}
+.navbar-toggle:focus {
+ outline: 0;
+}
+.navbar-nav {
+ margin: 10.5px -15px;
+}
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
+}
+@media (max-width: 767px) {
+ .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: 21px;
+ padding-bottom: 21px;
+ }
+ .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, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ margin-top: 14px;
+ margin-bottom: 14px;
+}
+@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: 14px;
+ margin-bottom: 14px;
+}
+.navbar-btn.btn-sm {
+ margin-top: 16px;
+ margin-bottom: 16px;
+}
+.navbar-btn.btn-xs {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.navbar-text {
+ margin-top: 21px;
+ margin-bottom: 21px;
+}
+@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: #ffffff;
+ border-color: #cccccc;
+ border-bottom: none;
+}
+.navbar-default .navbar-brand {
+ color: #555555;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+ color: #3b3b3b;
+ background-color: transparent;
+}
+.navbar-default .navbar-text {
+ color: #777777;
+}
+.navbar-default .navbar-nav > li > a {
+ color: #555555;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+ color: #555555;
+ background-color: #80cbd9;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: #ffffff;
+ background-color: #38a7bb;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+ color: #cccccc;
+ background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+ border-color: #dddddd;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+ background-color: #38a7bb;
+}
+.navbar-default .navbar-toggle .icon-bar {
+ background-color: #888888;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+ border-color: #cccccc;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+ background-color: #38a7bb;
+ color: #ffffff;
+}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+ color: #555555;
+ }
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #38a7bb;
+ }
+ .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: #ffffff;
+ background-color: #38a7bb;
+ }
+ .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: #cccccc;
+ background-color: transparent;
+ }
+}
+.navbar-default .navbar-link {
+ color: #555555;
+}
+.navbar-default .navbar-link:hover {
+ color: #555555;
+}
+.navbar-default .btn-link {
+ color: #555555;
+}
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
+ color: #555555;
+}
+.navbar-default .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-default .btn-link:hover,
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+ color: #cccccc;
+}
+/* scaffolding */
+body {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
+}
+a {
+ color: #38a7bb;
+ text-decoration: none;
+}
+a:hover,
+a:focus {
+ color: #267280;
+ text-decoration: underline;
+}
+a:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+.img-rounded {
+ border-radius: 0;
+}
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #eeeeee;
+}
+/* breadcrumbs */
+.breadcrumb {
+ padding: 20px 0;
+ margin-bottom: 20px;
+ background-color: transparent;
+ border-radius: 0;
+ text-align: right;
+}
+.breadcrumb > li + li:before {
+ content: ">\00a0";
+ color: #555555;
+}
+.breadcrumb > .active {
+ color: #999999;
+}
+@media (max-width: 991px) {
+ .breadcrumb {
+ padding: 20px 0;
+ text-align: center;
+ }
+}
+/* dropdowns */
+.dropdown-menu {
+ z-index: 1000;
+ font-size: 14px;
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ box-shadow: 0 6px 12px rgba(0, 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 {
+ padding: 5px 20px;
+ line-height: 1.42857143;
+ color: #333333;
+ white-space: nowrap;
+}
+/* labels */
+.label {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+/* forms.less */
+label {
+ font-weight: normal;
+}
+.form-control {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-radius: 0;
+}
+.form-control:focus {
+ border-color: #38a7bb;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 167, 187, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 167, 187, 0.6);
+}
+.form-group {
+ margin-bottom: 20px;
+}
+/* pager*/
+.pager {
+ margin: 20px 0;
+ border-top: solid 1px #eeeeee;
+ padding-top: 20px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.pager li {
+ display: inline;
+}
+.pager li > a,
+.pager li > span {
+ background-color: #ffffff;
+ border: 1px solid #38a7bb;
+ border-radius: 0;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+ text-decoration: none;
+ color: #fff;
+ background-color: #38a7bb;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #ddd;
+}
+/* pagination */
+.pagination {
+ margin: 20px 0;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ border-radius: 0;
+}
+.pagination > li > a,
+.pagination > li > span {
+ padding: 6px 12px;
+ line-height: 1.42857143;
+ text-decoration: none;
+ color: #38a7bb;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+ color: #38a7bb;
+ background-color: #a7dbe5;
+ border-color: #dddddd;
+}
+.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: #ffffff;
+ background-color: #38a7bb;
+ border-color: #38a7bb;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #dddddd;
+}
+/* responsive utilities */
+@media (max-width: 767px) {
+ .text-center-xs {
+ text-align: center !important;
+ }
+ .text-center-xs img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+ .text-center-sm {
+ text-align: center !important;
+ }
+ .text-center-sm img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+/* type */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: 900;
+ line-height: 1.1;
+ color: #333333;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+p {
+ margin: 0 0 10px;
+}
+.lead {
+ margin-bottom: 20px;
+ font-size: 18px;
+}
+@media (min-width: 768px) {
+ .lead {
+ font-size: 21px;
+ }
+}
+.text-small {
+ font-size: 12px;
+}
+.text-large {
+ font-size: 18px;
+}
+.text-italic {
+ font-style: italic;
+}
+.text-primary {
+ color: #38a7bb;
+}
+a.text-primary:hover {
+ color: #2c8494;
+}
+.bg-primary {
+ color: #fff;
+ background-color: #38a7bb;
+}
+a.bg-primary:hover {
+ background-color: #2c8494;
+}
+abbr[title],
+abbr[data-original-title] {
+ border-bottom: 1px dotted #999999;
+}
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 14px;
+ border-left: 5px solid #38a7bb;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #999999;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+ content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+ border-right: 5px solid #38a7bb;
+}
+address {
+ margin-bottom: 20px;
+ line-height: 1.42857143;
+}
+.panel {
+ margin-bottom: 20px;
+ background-color: #ffffff;
+ border: 1px solid transparent;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 0;
+ box-shadow: 0 0 0;
+}
+.panel-heading {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 15px 15px;
+}
+.progress {
+ overflow: hidden;
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.panel-group {
+ margin-bottom: 20px;
+}
+.panel-group .panel {
+ margin-bottom: 0;
+ border-radius: 0;
+ overflow: hidden;
+}
+.panel-group .panel + .panel {
+ margin-top: 5px;
+}
+.panel-group.accordion .panel {
+ border-color: #ccc;
+}
+.panel-primary {
+ border-color: #38a7bb;
+}
+.panel-primary > .panel-heading {
+ color: #ffffff;
+ background-color: #38a7bb;
+ border-color: #38a7bb;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #38a7bb;
+}
+.panel-primary > .panel-heading .badge {
+ color: #38a7bb;
+ background-color: #ffffff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #38a7bb;
+}
+.panel-primary .panel-title {
+ font-weight: 300;
+}
+.panel-primary .panel-title a:hover {
+ color: #fff;
+ text-decoration: none;
+}
+a.badge:hover,
+a.badge:focus {
+ color: #ffffff;
+ text-decoration: none;
+ cursor: pointer;
+}
+a.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+ color: #38a7bb;
+ background-color: #ffffff;
+}
+.nav-pills > li > a > .badge {
+ margin-left: 3px;
+}
+.progress-bar-primary {
+ background-color: #38a7bb;
+}
+.progress-striped .progress-bar-primary {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+/*!
+ * Yamm!3 - Yet another megamenu for Bootstrap 3
+ * http://geedmo.github.com/yamm3
+ *
+ * @geedmo - Licensed under the MIT license
+ */
+.yamm .nav,
+.yamm .collapse,
+.yamm .dropup.use-yamm,
+.yamm .dropdown.use-yamm {
+ position: static;
+}
+.yamm .container {
+ position: relative;
+}
+.yamm .dropdown-menu {
+ left: auto;
+}
+.yamm .nav.navbar-right .dropdown-menu {
+ left: auto;
+ right: 0;
+}
+.yamm .yamm-content {
+ padding: 20px 30px;
+}
+.yamm .dropdown.yamm-fw .dropdown-menu {
+ left: 15px;
+ right: 15px;
+}
diff --git a/css/style.green.css b/css/style.green.css
new file mode 100755
index 0000000..d0f8a2f
--- /dev/null
+++ b/css/style.green.css
@@ -0,0 +1,3557 @@
+.clearfix:before,
+.clearfix:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after {
+ content: " ";
+ display: table;
+}
+.clearfix:after,
+.navbar:after,
+.navbar-header: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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+/* general styles */
+a,
+button {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+a i.fa,
+button i.fa {
+ margin: 0 5px;
+}
+.clickable {
+ cursor: pointer !important;
+}
+.required {
+ color: #6aae7a;
+}
+.accent {
+ color: #6aae7a;
+}
+.text-uppercase {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .text-center-sm {
+ text-align: center;
+ }
+}
+p.lead {
+ margin-bottom: 40px;
+}
+section,
+div.section {
+ margin-bottom: 40px;
+}
+.no-mb {
+ margin-bottom: 0 !important;
+}
+.mb-small {
+ margin-bottom: 20px !important;
+}
+.heading {
+ margin-bottom: 40px;
+}
+.heading h1,
+.heading h2,
+.heading h3,
+.heading h4,
+.heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #6aae7a;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+ vertical-align: middle;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.heading h1 i.fa,
+.heading h2 i.fa,
+.heading h3 i.fa,
+.heading h4 i.fa,
+.heading h5 i.fa {
+ display: inline-block;
+ background: #6aae7a;
+ width: 30px;
+ height: 30px;
+ vertical-align: middle;
+ text-align: center;
+ color: #fff;
+ font-size: 12px;
+ line-height: 30px;
+ border-radius: 15px;
+}
+.icon {
+ display: inline-block;
+ width: 80px;
+ height: 80px;
+ color: #fff;
+ line-height: 80px;
+ border-radius: 40px;
+ border: solid 1px #fff;
+ font-size: 20px;
+}
+.icon.icon-lg {
+ font-size: 30px;
+ border-width: 2px;
+}
+.ul-icons {
+ padding-left: 10px;
+}
+.ul-icons li {
+ list-style-type: none;
+ line-height: 20px;
+ margin-bottom: 20px;
+}
+.ul-icons li i {
+ width: 20px;
+ height: 20px;
+ background: #6aae7a;
+ color: #fff;
+ text-align: center;
+ border-radius: 10px;
+ line-height: 20px;
+ margin-right: 10px;
+}
+ul.list-style-none {
+ list-style: none;
+}
+#text-page h1,
+#text-page h2,
+#text-page h3 {
+ font-weight: 700;
+}
+#error-page {
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 100px;
+}
+#error-page h4 {
+ margin-bottom: 40px;
+}
+#error-page p.buttons {
+ margin-top: 40px;
+}
+.pages-listing .item {
+ text-align: center;
+}
+.pages-listing .item h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+ letter-spacing: 0.08em;
+}
+.pages-listing .item h3 a {
+ color: #555555;
+}
+.pages-listing .item .text {
+ margin-bottom: 20px;
+}
+.pages-listing .item .text p {
+ color: #999999;
+ font-size: 12px;
+ margin-bottom: 20px;
+}
+.banner {
+ margin-bottom: 30px;
+ text-align: center;
+}
+.banner img {
+ margin: 0 auto;
+}
+.banner a:hover img {
+ opacity: 0.8;
+ filter: alpha(opacity=80);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.pages {
+ text-align: center;
+}
+.pages .loadMore {
+ text-align: center;
+}
+.pages .pagination {
+ text-align: center;
+}
+.features-buttons button {
+ margin-bottom: 20px;
+}
+@media (min-width: 1300px) {
+ body.boxed {
+ background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png);
+ }
+ body.boxed #all {
+ position: relative;
+ background: #fff;
+ width: 1200px;
+ margin: 0 auto;
+ overflow: hidden;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ }
+}
+#top {
+ background: #555555;
+ color: #eeeeee;
+ padding: 10px 0;
+}
+#top p {
+ margin: 0;
+ font-size: 12px;
+}
+#top .social {
+ float: right;
+ text-align: right;
+}
+#top .social a {
+ color: #999999;
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ border-radius: 12px;
+ line-height: 20px;
+ font-size: 12px;
+ text-align: center;
+ vertical-align: bottom;
+}
+#top .social a:hover {
+ color: #fff;
+}
+#top .social a:hover.facebook {
+ background-color: #4460ae;
+}
+#top .social a:hover.gplus {
+ background-color: #c21f25;
+}
+#top .social a:hover.twitter {
+ background-color: #3cf;
+}
+#top .social a:hover.instagram {
+ background-color: #cd4378;
+}
+#top .social a:hover.email {
+ background-color: #4a7f45;
+}
+#top .login {
+ float: right;
+}
+#top .login a {
+ font-size: 12px;
+ color: #eeeeee;
+ margin-right: 15px;
+ text-decoration: none;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 767px) {
+ #top .login {
+ float: left;
+ }
+}
+#top.light {
+ background: #fff;
+ color: #999999;
+ border-bottom: solid 1px #eeeeee;
+}
+#top.light .login a {
+ color: #555555;
+}
+.navbar {
+ border: none;
+}
+.navbar ul.nav > li > a {
+ text-transform: uppercase;
+ text-decoration: underline;
+ font-weight: bold;
+ letter-spacing: 0.08em;
+ border-top: solid 5px transparent;
+}
+.navbar ul.nav > li > a:hover {
+ border-top: solid 5px #6aae7a;
+}
+.navbar ul.nav > li.active > a,
+.navbar ul.nav > li.open > a {
+ text-decoration: none !important;
+ border-top: solid 5px #3f734b;
+}
+@media (max-width: 768px) {
+ .navbar ul.nav > li.active > a,
+ .navbar ul.nav > li.open > a {
+ border-top-color: transparent;
+ }
+ .navbar ul.nav > li > a:hover {
+ border-top-color: transparent;
+ }
+}
+.navbar.navbar-light ul.nav > li.active > a {
+ border-top: solid 5px #3f734b;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar.navbar-light ul.nav > li.active > a:hover {
+ border-top: solid 5px #3f734b;
+}
+.navbar.navbar-light ul.nav > li > a:hover,
+.navbar.navbar-light ul.nav > li.open > a:hover,
+.navbar.navbar-light ul.nav > li > a:focus,
+.navbar.navbar-light ul.nav > li.open > a:focus {
+ border-top: solid 5px #6aae7a;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar ul.dropdown-menu {
+ margin: 0;
+ padding: 0;
+}
+.navbar ul.dropdown-menu li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 4px 0;
+}
+.navbar ul.dropdown-menu li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ left: 0;
+}
+.navbar ul.dropdown-menu li a:hover {
+ color: #6aae7a;
+ text-decoration: none;
+ background: none;
+ left: 2px;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .navbar ul.dropdown-menu li a:hover {
+ left: 0;
+ }
+}
+.navbar .yamm-content h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ margin-top: 5px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 767px) {
+ .navbar .yamm-content h3 {
+ font-size: 14px;
+ }
+}
+.navbar .yamm-content h5 {
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+.navbar .yamm-content ul {
+ margin: 0;
+ padding: 0;
+}
+.navbar .yamm-content ul li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ padding: 4px 0;
+}
+.navbar .yamm-content ul li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.navbar .yamm-content ul li a:hover {
+ color: #6aae7a;
+ text-decoration: none;
+ padding-left: 2px;
+}
+.navbar .yamm-content .banner {
+ margin-bottom: 10px;
+}
+.navbar .yamm-fw .dropdown-menu {
+ padding: 0;
+}
+.navbar .navbar-buttons {
+ float: right;
+}
+.navbar .navbar-buttons button,
+.navbar .navbar-buttons a.btn,
+.navbar .navbar-buttons .btn-default.navbar-toggle {
+ margin-top: 11px;
+ margin-bottom: 11px;
+ margin-left: 0;
+ margin-right: 5px;
+}
+.navbar .btn-default,
+.navbar .btn-default.navbar-toggle {
+ color: #999999;
+ background-color: #fff;
+ margin-left: 7px;
+ margin-right: 0;
+}
+.navbar .btn-default:hover,
+.navbar .btn-default.navbar-toggle:hover,
+.navbar .btn-default:focus,
+.navbar .btn-default.navbar-toggle:focus {
+ background-color: #fff;
+ border-color: #6aae7a;
+ color: #6aae7a;
+}
+.navbar #search {
+ clear: both;
+ border-top: solid 1px #6aae7a;
+ text-align: right;
+}
+.navbar #search form {
+ float: right;
+}
+.navbar #search form .input-group {
+ width: 500px;
+}
+@media (max-width: 768px) {
+ .navbar #search form .input-group {
+ width: 100%;
+ }
+}
+.navbar #basket-overview a {
+ margin-left: 7px;
+}
+.navbar-affixed-top {
+ top: -32px;
+}
+.navbar-affixed-top.affix-top {
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+.navbar-affixed-top.affix {
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1000;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+body.boxed .navbar-affixed-top.affix {
+ position: static;
+}
+#login-modal {
+ overflow: hidden;
+}
+#login-modal .modal-header h4 {
+ text-transform: uppercase;
+}
+#login-modal form {
+ margin-bottom: 20px;
+}
+#login-modal a {
+ color: #6aae7a;
+}
+#login-modal p {
+ font-weight: 300;
+ margin-bottom: 20px;
+ font-size: 13px;
+}
+/* buttons */
+.btn {
+ font-weight: 700;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 6px 12px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ border-radius: 0;
+}
+.input-group .btn {
+ font-size: 14px;
+}
+.btn-lg {
+ padding: 10px 16px;
+ font-size: 14px;
+ line-height: 1.33;
+ border-radius: 0;
+}
+.btn-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-xs {
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-template-main {
+ color: #6aae7a;
+ background-color: #ffffff;
+ border-color: #6aae7a;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ color: #6aae7a;
+ background-color: #e6e6e6;
+ border-color: #4d8e5c;
+}
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ background-image: none;
+}
+.btn-template-main.disabled,
+.btn-template-main[disabled],
+fieldset[disabled] .btn-template-main,
+.btn-template-main.disabled:hover,
+.btn-template-main[disabled]:hover,
+fieldset[disabled] .btn-template-main:hover,
+.btn-template-main.disabled:focus,
+.btn-template-main[disabled]:focus,
+fieldset[disabled] .btn-template-main:focus,
+.btn-template-main.disabled:active,
+.btn-template-main[disabled]:active,
+fieldset[disabled] .btn-template-main:active,
+.btn-template-main.disabled.active,
+.btn-template-main[disabled].active,
+fieldset[disabled] .btn-template-main.active {
+ background-color: #ffffff;
+ border-color: #6aae7a;
+}
+.btn-template-main .badge {
+ color: #ffffff;
+ background-color: #6aae7a;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active {
+ background: #6aae7a;
+ color: #ffffff;
+ border-color: #6aae7a;
+}
+.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ background-image: none;
+}
+.btn-template-transparent-primary.disabled,
+.btn-template-transparent-primary[disabled],
+fieldset[disabled] .btn-template-transparent-primary,
+.btn-template-transparent-primary.disabled:hover,
+.btn-template-transparent-primary[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-primary:hover,
+.btn-template-transparent-primary.disabled:focus,
+.btn-template-transparent-primary[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-primary:focus,
+.btn-template-transparent-primary.disabled:active,
+.btn-template-transparent-primary[disabled]:active,
+fieldset[disabled] .btn-template-transparent-primary:active,
+.btn-template-transparent-primary.disabled.active,
+.btn-template-transparent-primary[disabled].active,
+fieldset[disabled] .btn-template-transparent-primary.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active {
+ background: #fff;
+ color: #6aae7a;
+ border-color: #fff;
+}
+.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ background-image: none;
+}
+.btn-template-transparent-black.disabled,
+.btn-template-transparent-black[disabled],
+fieldset[disabled] .btn-template-transparent-black,
+.btn-template-transparent-black.disabled:hover,
+.btn-template-transparent-black[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-black:hover,
+.btn-template-transparent-black.disabled:focus,
+.btn-template-transparent-black[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-black:focus,
+.btn-template-transparent-black.disabled:active,
+.btn-template-transparent-black[disabled]:active,
+fieldset[disabled] .btn-template-transparent-black:active,
+.btn-template-transparent-black.disabled.active,
+.btn-template-transparent-black[disabled].active,
+fieldset[disabled] .btn-template-transparent-black.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active {
+ background: #fff;
+ color: #000;
+ border-color: #fff;
+}
+.btn-template-primary {
+ color: #ffffff;
+ background-color: #6aae7a;
+ border-color: #6aae7a;
+}
+.btn-template-primary:hover,
+.btn-template-primary:focus,
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ color: #ffffff;
+ background-color: #519461;
+ border-color: #4d8e5c;
+}
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ background-image: none;
+}
+.btn-template-primary.disabled,
+.btn-template-primary[disabled],
+fieldset[disabled] .btn-template-primary,
+.btn-template-primary.disabled:hover,
+.btn-template-primary[disabled]:hover,
+fieldset[disabled] .btn-template-primary:hover,
+.btn-template-primary.disabled:focus,
+.btn-template-primary[disabled]:focus,
+fieldset[disabled] .btn-template-primary:focus,
+.btn-template-primary.disabled:active,
+.btn-template-primary[disabled]:active,
+fieldset[disabled] .btn-template-primary:active,
+.btn-template-primary.disabled.active,
+.btn-template-primary[disabled].active,
+fieldset[disabled] .btn-template-primary.active {
+ background-color: #6aae7a;
+ border-color: #6aae7a;
+}
+.btn-template-primary .badge {
+ color: #6aae7a;
+ background-color: #ffffff;
+}
+#intro {
+ background: url('../img/home.jpg') no-repeat center top;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+#intro .item {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ height: 100%;
+}
+#intro .item h1 {
+ text-transform: uppercase;
+ font-size: 50px;
+ color: #fff;
+ margin-bottom: 40px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #intro .item h1 {
+ font-size: 40px;
+ }
+}
+@media (max-width: 767px) {
+ #intro .item h1 {
+ font-size: 25px;
+ }
+}
+#intro .item h3 {
+ color: #fff;
+ margin-bottom: 40px;
+}
+@media (max-width: 767px) {
+ #intro .item h3 {
+ font-size: 15px;
+ margin-bottom: 20px;
+ }
+}
+#intro .item .btn {
+ text-transform: none;
+}
+@media (max-width: 991px) {
+ #intro .item .btn {
+ font-size: 14px;
+ }
+}
+@media (max-width: 991px) {
+ #intro .item .carousel-caption {
+ left: 10%;
+ right: 10%;
+ }
+}
+#intro .container,
+#intro .row {
+ height: 100%;
+ position: relative;
+}
+.jumbotron {
+ padding: 30px;
+ margin-bottom: 0;
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.jumbotron .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #6aae7a;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3,
+.jumbotron p,
+.jumbotron ul {
+ color: #fff;
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3 {
+ color: #ffffff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.jumbotron p {
+ margin-bottom: 20px;
+ font-size: 21px;
+ font-weight: 400;
+}
+.jumbotron p.text-uppercase {
+ font-weight: 700;
+}
+.jumbotron > hr {
+ border-top-color: #d5d5d5;
+}
+.container .jumbotron {
+ border-radius: 0;
+}
+.jumbotron .container {
+ max-width: 100%;
+ z-index: 2;
+}
+@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: 46px;
+ }
+}
+#categoryMenu h3 {
+ padding: 20px;
+ background: #f7f7f7;
+ margin: 0;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu h3 {
+ padding: 5px 0;
+ margin: 0;
+}
+.panel.sidebar-menu {
+ background: #fff;
+ margin: 0 0 20px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.panel.sidebar-menu .panel-heading {
+ text-transform: uppercase;
+ margin-bottom: 10px;
+ background: none;
+ padding: 0;
+ letter-spacing: 0.08em;
+ border-bottom: none;
+}
+.panel.sidebar-menu .panel-heading h1,
+.panel.sidebar-menu .panel-heading h2,
+.panel.sidebar-menu .panel-heading h3,
+.panel.sidebar-menu .panel-heading h4,
+.panel.sidebar-menu .panel-heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #6aae7a;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+}
+.panel.sidebar-menu .panel-heading .btn.btn-danger {
+ color: #fff;
+ margin-top: 5px;
+}
+.panel.sidebar-menu .panel-body {
+ padding: 0;
+}
+.panel.sidebar-menu .panel-body span.colour {
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ border: solid 1px #555555;
+ vertical-align: top;
+ margin-top: 2px;
+ margin-left: 5px;
+}
+.panel.sidebar-menu .panel-body span.colour.white {
+ background: #fff;
+}
+.panel.sidebar-menu .panel-body span.colour.red {
+ background: red;
+}
+.panel.sidebar-menu .panel-body span.colour.green {
+ background: green;
+}
+.panel.sidebar-menu .panel-body span.colour.blue {
+ background: blue;
+}
+.panel.sidebar-menu .panel-body span.colour.yellow {
+ background: yellow;
+}
+.panel.sidebar-menu .panel-body label {
+ color: #999999;
+ font-size: 12px;
+}
+.panel.sidebar-menu .panel-body label:hover {
+ color: #555555;
+}
+.panel.sidebar-menu ul.nav.category-menu {
+ margin-bottom: 20px;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu ul.nav.category-menu li a {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.panel.sidebar-menu ul.nav ul {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.nav ul li {
+ display: block;
+}
+.panel.sidebar-menu ul.nav ul li a {
+ position: relative;
+ font-family: "Times New Roman", Times, serif;
+ font-weight: normal;
+ text-transform: none !important;
+ display: block;
+ padding: 10px 15px;
+ padding-left: 30px;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.nav ul li a:hover,
+.panel.sidebar-menu ul.nav ul li a:focus {
+ text-decoration: none;
+ background-color: #eeeeee;
+}
+.panel.sidebar-menu ul.tag-cloud {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.tag-cloud li {
+ display: inline-block;
+}
+.panel.sidebar-menu ul.tag-cloud li a {
+ display: inline-block;
+ padding: 5px;
+ border: solid 1px #eeeeee;
+ border-radius: 0;
+ color: #6aae7a;
+ margin: 5px 5px 5px 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 700;
+ font-size: 12px;
+}
+.panel.sidebar-menu ul.tag-cloud li a:hover {
+ color: #6aae7a;
+ text-decoration: none;
+ border-color: #6aae7a;
+}
+.panel.sidebar-menu ul.popular,
+.panel.sidebar-menu ul.recent {
+ list-style: none;
+ padding-left: 0;
+ padding: 20px 0;
+}
+.panel.sidebar-menu ul.popular li,
+.panel.sidebar-menu ul.recent li {
+ margin-bottom: 10px;
+ padding: 5px 0;
+ border-bottom: dotted 1px #eeeeee;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li img,
+.panel.sidebar-menu ul.recent li img {
+ width: 50px;
+ margin-right: 10px;
+}
+.panel.sidebar-menu ul.popular li h5,
+.panel.sidebar-menu ul.recent li h5 {
+ margin: 0 0 10px;
+}
+.panel.sidebar-menu ul.popular li h5 a,
+.panel.sidebar-menu ul.recent li h5 a {
+ font-weight: normal;
+}
+.panel.sidebar-menu ul.popular li p.date,
+.panel.sidebar-menu ul.recent li p.date {
+ float: right;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.popular li:last-child,
+.panel.sidebar-menu ul.recent li:last-child {
+ border-bottom: none;
+}
+.panel.sidebar-menu .text-widget {
+ font-size: 12px;
+}
+.panel.sidebar-menu.with-icons ul.nav li a:after {
+ font-family: 'FontAwesome';
+ content: "\f105";
+ position: relative;
+ top: 0;
+ float: right;
+}
+/* ribbons for product sales etc. */
+.ribbon {
+ position: absolute;
+ top: 50px;
+ padding-left: 51px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.ribbon .ribbon-background {
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.ribbon .theribbon {
+ position: relative;
+ width: 80px;
+ padding: 6px 20px 6px 20px;
+ margin: 30px 10px 10px -71px;
+ color: #fff;
+ background-color: #6aae7a;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.ribbon .theribbon:before,
+.ribbon .theribbon:after {
+ content: ' ';
+ position: absolute;
+ width: 0;
+ height: 0;
+}
+.ribbon .theribbon:after {
+ left: 0px;
+ top: 100%;
+ border-width: 5px 10px;
+ border-style: solid;
+ border-color: #000000 #000000 transparent transparent;
+}
+.ribbon.sale {
+ top: 0;
+}
+.ribbon.new {
+ top: 50px;
+}
+.ribbon.new .theribbon {
+ background-color: #5bc0de;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.new .theribbon:after {
+ border-color: #2390b0 #2390b0 transparent transparent;
+}
+.ribbon.gift {
+ top: 100px;
+}
+.ribbon.gift .theribbon {
+ background-color: #5cb85c;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.gift .theribbon:after {
+ border-color: #357935 #357935 transparent transparent;
+}
+.owl-carousel .owl-controls .owl-page.active span,
+.owl-theme .owl-controls .owl-page.active span,
+.owl-carousel .owl-controls.clickable .owl-page:hover span,
+.owl-theme .owl-controls.clickable .owl-page:hover span {
+ background: #6aae7a;
+}
+.owl-carousel .owl-controls .owl-buttons,
+.owl-theme .owl-controls .owl-buttons {
+ position: absolute;
+ top: 5px;
+ right: 0;
+}
+.owl-carousel .owl-controls .owl-buttons div,
+.owl-theme .owl-controls .owl-buttons div {
+ width: 26px;
+ height: 26px;
+ line-height: 25px;
+ margin: 0 5px 0 0;
+ font-size: 18px;
+ color: #6aae7a;
+ padding: 0;
+ background: #fff;
+ border-radius: 13px;
+ vertical-align: middle;
+ text-align: center;
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+.home-carousel {
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.home-carousel .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #6aae7a;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.home-carousel .owl-carousel {
+ padding-top: 60px;
+ padding-bottom: 20px;
+}
+.home-carousel .owl-theme .owl-controls .owl-page span {
+ background: #666;
+}
+.home-carousel .owl-theme .owl-controls .owl-page.active span {
+ background: #fff;
+}
+.home-carousel .owl-theme .owl-controls .owl-page:hover span {
+ background: #fff;
+}
+@media (max-width: 767px) {
+ .home-carousel {
+ text-align: center !important;
+ }
+}
+@media (min-width: 992px) {
+ .home-carousel .right {
+ text-align: right;
+ }
+}
+.home-carousel h1,
+.home-carousel h2,
+.home-carousel h3,
+.home-carousel p,
+.home-carousel ul {
+ color: #fff;
+}
+.home-carousel h1 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 46px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .home-carousel h1 {
+ font-size: 36px;
+ }
+}
+.home-carousel h2 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 40px;
+ letter-spacing: 0.08em;
+}
+.home-carousel ul,
+.home-carousel p {
+ font-size: 18px;
+ font-weight: 700;
+ padding: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 991px) {
+ .home-carousel ul,
+ .home-carousel p {
+ font-size: 14px;
+ }
+}
+.home-carousel ul li {
+ margin-bottom: 10px;
+}
+.customers {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.customers .item {
+ list-style-type: none;
+ text-align: center;
+ margin: 0 20px;
+}
+.customers .item img {
+ display: inline-block;
+ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+ /* Firefox 10+, Firefox on Android */
+ filter: gray;
+ /* IE6-9 */
+ -webkit-filter: grayscale(100%);
+ /* Chrome 19+, Safari 6+, Safari 6+ iOS */
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.customers .item img:hover {
+ max-width: auto;
+ filter: none;
+ -webkit-filter: none;
+}
+.testimonials {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.testimonials .item {
+ list-style-type: none;
+ margin: 0 5px;
+ background: #fff;
+ padding-bottom: 60px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.testimonials .item .testimonial {
+ position: relative;
+ padding: 20px;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial .text {
+ color: #999999;
+ margin-bottom: 40px;
+}
+.testimonials .item .testimonial .bottom {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px;
+ height: 50px;
+}
+.testimonials .item .testimonial .bottom .icon {
+ color: #6aae7a;
+ font-size: 30px;
+ float: left;
+ width: 20%;
+}
+.testimonials .item .testimonial .name-picture {
+ float: right;
+ width: 80%;
+ text-align: right;
+}
+.testimonials .item .testimonial .name-picture h5 {
+ font-size: 14px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.testimonials .item .testimonial .name-picture p {
+ color: #999999;
+ margin: 0;
+ font-size: 12px;
+}
+.testimonials .item .testimonial .name-picture img {
+ float: right;
+ width: 60px;
+ border-radius: 30px;
+ margin-left: 10px;
+}
+.team-member {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.team-member h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ letter-spacing: 0.08em;
+}
+.team-member h3 a {
+ color: #555555;
+}
+.team-member p.role {
+ color: #999999;
+ font-size: 12px;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.team-member .social {
+ margin-bottom: 20px;
+}
+.team-member .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email {
+ background-color: #4a7f45;
+}
+.team-member .text p {
+ color: #999999;
+ font-size: 12px;
+}
+.team-member .social,
+.team-member-detail .social {
+ margin-bottom: 20px;
+}
+.team-member .social a,
+.team-member-detail .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i,
+.team-member-detail .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook,
+.team-member-detail .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus,
+.team-member-detail .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter,
+.team-member-detail .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram,
+.team-member-detail .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email,
+.team-member-detail .social a.email {
+ background-color: #4a7f45;
+}
+.box-simple {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.box-simple .icon {
+ color: #6aae7a;
+ border-color: #6aae7a;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.box-simple h3 {
+ font-weight: normal;
+ font-size: 18px;
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-simple h3 a {
+ color: #555555;
+}
+.box-simple p {
+ color: #999999;
+}
+.box-simple:hover .icon {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.box-simple:hover .icon i {
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+}
+.box-simple.box-white {
+ padding: 20px;
+ border: dotted 1px #999999;
+}
+.box-simple.box-white .icon {
+ color: #555555;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark {
+ padding: 20px;
+ border: dotted 1px #999999;
+ background: #555555;
+ color: #fff;
+}
+.box-simple.box-dark .icon {
+ color: #f7f7f7;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark h3 {
+ color: #fff;
+}
+.box-simple.box-dark h3 a {
+ color: #fff;
+}
+.box-simple.box-dark p {
+ color: #fff;
+}
+.box-image {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #6aae7a;
+}
+.box-image .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+.box-image-text {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image-text .top {
+ position: relative;
+ margin-bottom: 10px;
+}
+.box-image-text .top .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #6aae7a;
+}
+.box-image-text .top .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .top .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image-text .top .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image-text .top .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .content h3,
+.box-image-text .content h4 {
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-image-text .content p {
+ color: #999999;
+}
+.box-image-text:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image-text:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image-text:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+/* universal box */
+.box {
+ background: #fff;
+ margin: 0 0 30px;
+ border: solid 1px #ccc;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px 0;
+ border-left: none;
+ border-right: none;
+}
+.box .box-header {
+ background: #f7f7f7;
+ margin: -20px 0 20px;
+ padding: 20px;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-footer {
+ background: #f7f7f7;
+ margin: 30px 0 -20px;
+ padding: 20px;
+ border-top: solid 1px #eeeeee;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+@media (max-width: 991px) {
+ .box .box-footer .btn {
+ margin-bottom: 20px;
+ }
+}
+.box.no-border {
+ border: none;
+}
+#heading-breadcrumbs {
+ background: url('../img/texture-bw.png') center center repeat;
+ padding: 20px 0;
+ margin-bottom: 40px;
+}
+#heading-breadcrumbs.no-mb {
+ margin-bottom: 0;
+}
+#heading-breadcrumbs h1 {
+ color: #333333;
+ text-transform: uppercase;
+ font-size: 30px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #heading-breadcrumbs h1 {
+ text-align: center;
+ }
+}
+#heading-breadcrumbs ul.breadcrumb {
+ margin-top: 5px;
+ margin-bottom: 0;
+}
+.bar {
+ position: relative;
+ background: #6aae7a;
+ padding: 60px 0;
+}
+.bar.background-pentagon {
+ background: url('../img/texture-bw.png') center center repeat;
+ border-top: solid 1px #999999;
+ border-bottom: solid 1px #999999;
+}
+.bar.background-gray {
+ background: #eeeeee;
+}
+.bar.background-gray-dark {
+ background: #555555;
+}
+.bar.background-white {
+ background: #fff;
+}
+.bar.background-image-fixed-1 {
+ background: url('../img/fixed-background-1.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.background-image-fixed-2 {
+ background: url('../img/fixed-background-2.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.color-white h1,
+.bar.color-white h2,
+.bar.color-white h3,
+.bar.color-white h4,
+.bar.color-white h5,
+.bar.color-white h6,
+.bar.color-white p {
+ color: #fff;
+}
+.bar.padding-big {
+ padding: 50px 0;
+}
+.bar.padding-horizontal {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+.bar.margin-vertical {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.bar .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+}
+.portfolio.no-space {
+ padding: 0 15px;
+}
+.portfolio.no-space .box-image {
+ margin: 0 -15px;
+}
+.portfolio-project .project-more h4 {
+ color: #555555;
+ text-transform: uppercase;
+ margin-bottom: 0;
+ text-align: left;
+ font-size: 14px;
+ letter-spacing: 0.08em;
+}
+.portfolio-project .project-more p {
+ color: #999999;
+ padding: 10px 0;
+ margin-bottom: 20px;
+ text-align: left;
+}
+.portfolio-showcase {
+ margin: 15px 0 60px;
+}
+.portfolio-showcase h3 a {
+ text-transform: uppercase;
+ line-height: 1.5;
+ letter-spacing: 0.08em;
+}
+.portfolio-showcase p.lead {
+ color: #555555;
+ margin-bottom: 20px;
+}
+.portfolio-showcase p {
+ color: #999999;
+}
+.portfolio-showcase p.buttons {
+ margin-top: 40px;
+}
+.see-more {
+ text-align: center;
+ margin-top: 20px;
+ padding-top: 20px;
+}
+.see-more p {
+ font-size: 28px;
+ font-weight: 100;
+ margin-bottom: 20px;
+}
+.showcase .item {
+ text-align: center;
+}
+.showcase .item .icon {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ color: #555555;
+ line-height: 50px;
+ border-radius: 25px;
+ border: solid 1px #555555;
+}
+.showcase .item h4 {
+ color: #555555;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ line-height: 1.5;
+ font-size: 16px;
+}
+.showcase .item h4 span {
+ font-weight: bold;
+ font-size: 51px;
+}
+.packages .package {
+ background: #fff;
+ margin-top: 25px;
+ margin-bottom: 20px;
+ padding-bottom: 15px;
+ text-align: center;
+ border: solid 1px #6aae7a;
+ overflow: hidden;
+}
+.packages .package .package-header {
+ height: 57px;
+ color: #fff;
+ line-height: 57px;
+ background: #6aae7a;
+}
+.packages .package .package-header h5 {
+ color: #fff;
+ text-transform: uppercase;
+ font-weight: bold;
+ line-height: 57px;
+ margin: 0;
+ letter-spacing: 0.08em;
+}
+.packages .package .package-header.light-gray {
+ background: #eeeeee;
+}
+.packages .package .package-header.light-gray h5 {
+ color: #555555;
+}
+.packages .package .price {
+ line-height: 120px;
+ height: 100px;
+ color: #fff;
+ font-weight: 400;
+}
+.packages .package .price h4 {
+ display: inline;
+ font-size: 50px;
+ line-height: normal;
+ margin-bottom: 0;
+}
+.packages .package .price .period {
+ line-height: normal;
+ color: #999999;
+}
+.packages .package ul {
+ padding: 0;
+}
+.packages .package ul li {
+ list-style-type: none;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ width: 80%;
+ margin: auto;
+ border-bottom: 1px dotted #ccc;
+}
+.packages .package ul li:last-child {
+ border-bottom: 0;
+}
+.packages .package ul li i {
+ font-size: 13px;
+ margin-right: 5px;
+}
+.packages .best-value .package {
+ margin-top: 0;
+ padding-bottom: 40px;
+}
+.packages .best-value .package .package-header {
+ height: 72px;
+ padding-top: 17px;
+ height: 82px !important;
+}
+.packages .best-value .package .package-header h5 {
+ font-weight: bold;
+ line-height: 29px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.packages .best-value .package .package-header .meta-text {
+ font-size: 13px;
+ line-height: 15px;
+}
+#map {
+ height: 300px;
+}
+#map.with-border {
+ border-top: solid 1px #6aae7a;
+ border-bottom: solid 1px #6aae7a;
+}
+#blog-listing-big .post,
+#blog-homepage .post {
+ margin-bottom: 60px;
+}
+#blog-listing-big .post h2,
+#blog-homepage .post h2,
+#blog-listing-big .post h4,
+#blog-homepage .post h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post h2 a,
+#blog-homepage .post h2 a,
+#blog-listing-big .post h4 a,
+#blog-homepage .post h4 a {
+ color: #555555;
+}
+#blog-listing-big .post h2 a:hover,
+#blog-homepage .post h2 a:hover,
+#blog-listing-big .post h4 a:hover,
+#blog-homepage .post h4 a:hover {
+ color: #6aae7a;
+}
+#blog-listing-big .post .author-category,
+#blog-homepage .post .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post .author-category a,
+#blog-homepage .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-big .post .date-comments a,
+#blog-homepage .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-big .post .date-comments a:hover,
+#blog-homepage .post .date-comments a:hover {
+ color: #6aae7a;
+}
+@media (min-width: 768px) {
+ #blog-listing-big .post .date-comments,
+ #blog-homepage .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-big .post .intro,
+#blog-homepage .post .intro {
+ text-align: left;
+}
+#blog-listing-big .post .image,
+#blog-homepage .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-big .post .image img,
+#blog-homepage .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-big .post .image img.img-responsive,
+ #blog-homepage .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-big .post .video,
+#blog-homepage .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-big .post .read-more,
+#blog-homepage .post .read-more {
+ text-align: right;
+}
+#blog-listing-medium .post {
+ margin-bottom: 60px;
+}
+#blog-listing-medium .post h2 {
+ text-transform: uppercase;
+ margin: 0 0 10px;
+ font-size: 24px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post h2 a {
+ color: #555555;
+}
+#blog-listing-medium .post h2 a:hover {
+ color: #6aae7a;
+}
+#blog-listing-medium .post .author-category {
+ float: left;
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ font-size: 12px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-medium .post .date-comments {
+ float: right;
+ font-size: 12px;
+}
+#blog-listing-medium .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-medium .post .date-comments a:hover {
+ color: #6aae7a;
+}
+@media (min-width: 768px) {
+ #blog-listing-medium .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-medium .post .intro {
+ text-align: left;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-medium .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-medium .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-medium .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-medium .post .read-more {
+ text-align: right;
+}
+.box-image-text.blog .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 300;
+ font-size: 12px;
+}
+.box-image-text.blog .author-category a {
+ font-weight: 500;
+}
+.box-image-text.blog .intro {
+ text-align: left;
+ margin-bottom: 20px;
+}
+#blog-homepage .post {
+ margin-bottom: 30px;
+}
+#blog-homepage .post h2,
+#blog-homepage .post h4,
+#blog-homepage .post .author-category,
+#blog-homepage .post .read-more {
+ text-align: center;
+}
+#blog-homepage .post .read-more {
+ margin-top: 20px;
+}
+#blog-post #post-content {
+ margin-bottom: 20px;
+}
+#blog-post .comment {
+ margin-bottom: 25px;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment .posted {
+ color: #999999;
+ font-size: 12px;
+}
+#blog-post .comment .reply {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#blog-post .comment.last {
+ margin-bottom: 0;
+}
+#blog-post #comments,
+#blog-post #comment-form {
+ padding: 20px 0;
+ margin-top: 20px;
+ border-top: solid 1px #eeeeee;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments h4,
+#blog-post #comment-form h4 {
+ margin-bottom: 20px;
+}
+#blog-post #comment-form {
+ margin-bottom: 20px;
+}
+.product {
+ background: #fff;
+ border-bottom: solid 1px #e6e6e6;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 60px;
+ overflow: hidden;
+ text-align: center;
+}
+.product .image {
+ overflow: hidden;
+}
+.product .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .product .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+.product .text {
+ padding: 10px;
+}
+.product .text h3 {
+ font-size: 14px;
+ font-weight: 700;
+ height: 39.6px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.product .text h3 a {
+ color: #555555;
+}
+.product .text h3 a:hover {
+ text-decoration: none;
+}
+.product .text p.price {
+ font-size: 18px;
+}
+.product .text p.price del {
+ color: #999999;
+}
+.product .buttons {
+ clear: both;
+ position: absolute;
+ display: none;
+ bottom: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ border: solid 1px transparent;
+ padding: 20px;
+ background: rgba(255, 255, 255, 0.9);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ text-align: center;
+}
+.product .buttons .btn {
+ margin-bottom: 20px;
+}
+.product:hover {
+ border-bottom: solid 1px #808080;
+ top: 0;
+}
+.product:hover .buttons {
+ clear: both;
+ position: absolute;
+ top: 0;
+ background: rgba(255, 255, 255, 0.5);
+}
+.product:hover .image img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.goToDescription {
+ font-size: 12px;
+ text-align: center;
+ margin-bottom: 40px;
+}
+.goToDescription a {
+ color: #999999;
+ text-decoration: underline;
+}
+#productMain {
+ margin-bottom: 30px;
+}
+#productMain .sizes {
+ text-align: center;
+}
+#productMain .sizes h3 {
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ margin-bottom: 40px;
+}
+#productMain .sizes a {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ border-radius: 40px;
+ background: #ccc;
+ line-height: 40px;
+ color: #555555;
+ text-align: center;
+ text-decoration: none;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#productMain .sizes a.active,
+#productMain .sizes a:hover {
+ background: #6aae7a;
+ color: #fff;
+}
+#productMain .sizes input {
+ display: none;
+}
+#productMain .price {
+ font-size: 40px;
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 40px;
+}
+#thumbs a {
+ display: block;
+ border: solid 1px transparent;
+}
+#thumbs a.active {
+ border-color: #6aae7a;
+}
+#product-social {
+ text-align: center;
+}
+#product-social h4 {
+ font-weight: 300;
+ margin-bottom: 10px;
+}
+#product-social p {
+ line-height: 26px;
+}
+#product-social p a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+#product-social p a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+#product-social p a.facebook {
+ background-color: #4460ae;
+}
+#product-social p a.gplus {
+ background-color: #c21f25;
+}
+#product-social p a.twitter {
+ background-color: #3cf;
+}
+#product-social p a.instagram {
+ background-color: #cd4378;
+}
+#product-social p a.email {
+ background-color: #4a7f45;
+}
+@media (max-width: 991px) {
+ #product-social {
+ text-align: center;
+ }
+}
+#checkout .nav {
+ margin-bottom: 20px;
+ border-bottom: solid 1px #6aae7a;
+}
+#checkout .nav li {
+ height: 100%;
+}
+#checkout .nav li a {
+ display: block;
+ height: 100%;
+}
+#order-summary table {
+ margin-top: 20px;
+}
+#order-summary table td {
+ color: #999999;
+}
+#order-summary table tr.total td,
+#order-summary table tr.total th {
+ font-size: 18px;
+ color: #555555;
+ font-weight: 700;
+}
+#checkout .table tbody tr td,
+#basket .table tbody tr td,
+#customer-order .table tbody tr td {
+ vertical-align: middle;
+}
+#checkout .table tbody tr td input,
+#basket .table tbody tr td input,
+#customer-order .table tbody tr td input {
+ width: 50px;
+ text-align: right;
+}
+#checkout .table tbody tr td img,
+#basket .table tbody tr td img,
+#customer-order .table tbody tr td img {
+ width: 50px;
+}
+#checkout .table tfoot,
+#basket .table tfoot,
+#customer-order .table tfoot {
+ font-size: 18px;
+}
+.shipping-method h4,
+.payment-method h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#customer-orders table tr th,
+#customer-orders table tr td {
+ vertical-align: baseline;
+}
+#customer-order .table tfoot th {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-order .addresses {
+ text-align: right;
+ margin-bottom: 30px;
+}
+#customer-order .addresses p {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-account {
+ margin-bottom: 30px;
+}
+#get-it {
+ background: #6aae7a;
+ padding: 50px 0 30px;
+ color: #fff;
+ text-align: center;
+}
+#get-it h1,
+#get-it h2,
+#get-it h3,
+#get-it h4,
+#get-it h5,
+#get-it h6 {
+ color: #fff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ margin: 0 0 20px;
+}
+#get-it p {
+ margin: 0 0 20px;
+}
+#footer {
+ background: #555555;
+ padding: 50px 0;
+ color: #999999;
+}
+#footer h1,
+#footer h2,
+#footer h3,
+#footer h4,
+#footer h5,
+#footer h6 {
+ color: #eeeeee;
+}
+#footer h4 {
+ font-size: 14px;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#footer ul {
+ padding-left: 0;
+ list-style: none;
+}
+#footer ul a {
+ color: #999999;
+}
+#footer ul a:hover {
+ color: #6aae7a;
+ text-decoration: none;
+}
+#footer .photostream div {
+ float: left;
+ display: block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 33%;
+ padding: 7.5px;
+ overflow: hidden;
+}
+#footer .photostream div a {
+ border: solid 1 px #eeeeee;
+}
+#footer .photostream div img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+#footer .photostream div:hover img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+#footer .blog-entries .item {
+ clear: both;
+ padding: 5px 0;
+ margin-bottom: 10px;
+ border-bottom: solid 1px #555555;
+}
+#footer .blog-entries .item .image {
+ float: left;
+ width: 15%;
+ margin-right: 10px;
+}
+#footer .blog-entries .item .name {
+ width: 75%;
+ margin-left: 10px;
+ display: table-cell;
+ vertical-align: middle;
+}
+#footer .blog-entries .item .name h5 {
+ margin: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-size: 12px;
+}
+#footer .blog-entries .item .name h5 a {
+ color: #eeeeee;
+}
+#footer .blog-entries .item .text {
+ width: 100%;
+ clear: both;
+}
+#footer .blog-entries .item:last-child {
+ border-bottom: none;
+ margin-bottom: 0;
+}
+#footer .social a {
+ color: #555555;
+ font-size: 25px;
+ margin: 0 10px 0 0;
+}
+#footer .social a:hover {
+ color: #6aae7a;
+}
+#copyright {
+ background: #333;
+ color: #ccc;
+ padding: 50px 0;
+ font-size: 12px;
+ line-height: 28px;
+}
+#copyright p {
+ margin: 0;
+}
+@media (max-width: 991px) {
+ #copyright p {
+ float: none !important;
+ text-align: center;
+ margin-bottom: 10px;
+ }
+}
+[data-animate] {
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+#style-switch-button {
+ position: fixed;
+ top: 100px;
+ left: 0px;
+ border-radius: 0;
+}
+#style-switch {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 300px;
+ padding: 20px;
+ position: fixed;
+ top: 140px;
+ left: 0;
+ background: #fff;
+ border: solid 1px #eeeeee;
+}
+@media (max-width: 991px) {
+ #style-switch-button {
+ display: none;
+ }
+ #style-switch {
+ display: none;
+ }
+}
+/* Original Boostrap template overwrite */
+/* breadcrumbs */
+.breadcrumb {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ background-color: none;
+ letter-spacing: 0.08em;
+}
+/* nav */
+.nav > li > a {
+ padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+ background-color: #eeeeee;
+}
+.nav > li.disabled > a {
+ color: #999999;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+ color: #999999;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+ background-color: #eeeeee;
+ border-color: #6aae7a;
+}
+.nav-tabs {
+ border-bottom: 1px solid #6aae7a;
+}
+.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: 0 0 0 0;
+}
+.nav-tabs > li > a:hover {
+ border-color: #eeeeee #eeeeee #6aae7a;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+ color: #555555;
+ background-color: #ffffff;
+ border: 1px solid #6aae7a;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+.nav-tabs.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #6aae7a;
+ 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;
+}
+.nav-tabs.nav-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+ border: 1px solid #6aae7a;
+}
+@media (min-width: 768px) {
+ .nav-tabs.nav-justified > li > a {
+ border-bottom: 1px solid #6aae7a;
+ border-radius: 0 0 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: #ffffff;
+ }
+}
+.nav-pills > li {
+ float: left;
+}
+.nav-pills > li > a {
+ border-radius: 0;
+}
+.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: #ffffff;
+ background-color: #6aae7a;
+}
+.nav-stacked > li {
+ float: none;
+}
+.nav-stacked > li + li {
+ margin-top: 2px;
+ margin-left: 0;
+}
+.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #6aae7a;
+}
+.nav-justified > li {
+ float: none;
+}
+.nav-justified > li > a {
+ text-align: center;
+ /*margin-bottom: 5px;*/
+}
+.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
+}
+.nav-tabs-justified {
+ border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+ border: 1px solid #6aae7a;
+}
+@media (min-width: 768px) {
+ .nav-tabs-justified > li > a {
+ border-bottom: 1px solid #6aae7a;
+ border-radius: 0 0 0 0;
+ }
+ .nav-tabs-justified > .active > a,
+ .nav-tabs-justified > .active > a:hover,
+ .nav-tabs-justified > .active > a:focus {
+ border-bottom-color: #ffffff;
+ }
+}
+.tab-content {
+ padding: 15px;
+ border: solid 1px #ddd;
+ border-top: none;
+}
+/* navbar */
+.navbar {
+ position: relative;
+ min-height: 62px;
+ margin-bottom: 0;
+ border-bottom: 1px solid transparent;
+}
+@media (min-width: 768px) {
+ .navbar {
+ border-radius: 0px;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-header {
+ float: left;
+ }
+}
+.navbar-collapse {
+ overflow-x: visible;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+.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;
+ }
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-affixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+ max-height: 340px;
+}
+@media (max-width: 480px) and (orientation: landscape) {
+ .navbar-fixed-top .navbar-collapse,
+ .navbar-affixed-top .navbar-collapse,
+ .navbar-fixed-bottom .navbar-collapse {
+ max-height: 200px;
+ }
+}
+.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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+@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: 10px 15px;
+ font-size: 18px;
+ line-height: 20px;
+ height: 62px;
+}
+.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: 14px;
+ margin-bottom: 14px;
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 0;
+}
+.navbar-toggle:focus {
+ outline: 0;
+}
+.navbar-nav {
+ margin: 10.5px -15px;
+}
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
+}
+@media (max-width: 767px) {
+ .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: 21px;
+ padding-bottom: 21px;
+ }
+ .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, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ margin-top: 14px;
+ margin-bottom: 14px;
+}
+@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: 14px;
+ margin-bottom: 14px;
+}
+.navbar-btn.btn-sm {
+ margin-top: 16px;
+ margin-bottom: 16px;
+}
+.navbar-btn.btn-xs {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.navbar-text {
+ margin-top: 21px;
+ margin-bottom: 21px;
+}
+@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: #ffffff;
+ border-color: #cccccc;
+ border-bottom: none;
+}
+.navbar-default .navbar-brand {
+ color: #555555;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+ color: #3b3b3b;
+ background-color: transparent;
+}
+.navbar-default .navbar-text {
+ color: #777777;
+}
+.navbar-default .navbar-nav > li > a {
+ color: #555555;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+ color: #555555;
+ background-color: #acd2b5;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: #ffffff;
+ background-color: #6aae7a;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+ color: #cccccc;
+ background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+ border-color: #dddddd;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+ background-color: #6aae7a;
+}
+.navbar-default .navbar-toggle .icon-bar {
+ background-color: #888888;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+ border-color: #cccccc;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+ background-color: #6aae7a;
+ color: #ffffff;
+}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+ color: #555555;
+ }
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #6aae7a;
+ }
+ .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: #ffffff;
+ background-color: #6aae7a;
+ }
+ .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: #cccccc;
+ background-color: transparent;
+ }
+}
+.navbar-default .navbar-link {
+ color: #555555;
+}
+.navbar-default .navbar-link:hover {
+ color: #555555;
+}
+.navbar-default .btn-link {
+ color: #555555;
+}
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
+ color: #555555;
+}
+.navbar-default .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-default .btn-link:hover,
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+ color: #cccccc;
+}
+/* scaffolding */
+body {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
+}
+a {
+ color: #6aae7a;
+ text-decoration: none;
+}
+a:hover,
+a:focus {
+ color: #488456;
+ text-decoration: underline;
+}
+a:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+.img-rounded {
+ border-radius: 0;
+}
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #eeeeee;
+}
+/* breadcrumbs */
+.breadcrumb {
+ padding: 20px 0;
+ margin-bottom: 20px;
+ background-color: transparent;
+ border-radius: 0;
+ text-align: right;
+}
+.breadcrumb > li + li:before {
+ content: ">\00a0";
+ color: #555555;
+}
+.breadcrumb > .active {
+ color: #999999;
+}
+@media (max-width: 991px) {
+ .breadcrumb {
+ padding: 20px 0;
+ text-align: center;
+ }
+}
+/* dropdowns */
+.dropdown-menu {
+ z-index: 1000;
+ font-size: 14px;
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ box-shadow: 0 6px 12px rgba(0, 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 {
+ padding: 5px 20px;
+ line-height: 1.42857143;
+ color: #333333;
+ white-space: nowrap;
+}
+/* labels */
+.label {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+/* forms.less */
+label {
+ font-weight: normal;
+}
+.form-control {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-radius: 0;
+}
+.form-control:focus {
+ border-color: #6aae7a;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(106, 174, 122, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(106, 174, 122, 0.6);
+}
+.form-group {
+ margin-bottom: 20px;
+}
+/* pager*/
+.pager {
+ margin: 20px 0;
+ border-top: solid 1px #eeeeee;
+ padding-top: 20px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.pager li {
+ display: inline;
+}
+.pager li > a,
+.pager li > span {
+ background-color: #ffffff;
+ border: 1px solid #6aae7a;
+ border-radius: 0;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+ text-decoration: none;
+ color: #fff;
+ background-color: #6aae7a;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #ddd;
+}
+/* pagination */
+.pagination {
+ margin: 20px 0;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ border-radius: 0;
+}
+.pagination > li > a,
+.pagination > li > span {
+ padding: 6px 12px;
+ line-height: 1.42857143;
+ text-decoration: none;
+ color: #6aae7a;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+ color: #6aae7a;
+ background-color: #cde4d2;
+ border-color: #dddddd;
+}
+.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: #ffffff;
+ background-color: #6aae7a;
+ border-color: #6aae7a;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #dddddd;
+}
+/* responsive utilities */
+@media (max-width: 767px) {
+ .text-center-xs {
+ text-align: center !important;
+ }
+ .text-center-xs img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+ .text-center-sm {
+ text-align: center !important;
+ }
+ .text-center-sm img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+/* type */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: 900;
+ line-height: 1.1;
+ color: #333333;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+p {
+ margin: 0 0 10px;
+}
+.lead {
+ margin-bottom: 20px;
+ font-size: 18px;
+}
+@media (min-width: 768px) {
+ .lead {
+ font-size: 21px;
+ }
+}
+.text-small {
+ font-size: 12px;
+}
+.text-large {
+ font-size: 18px;
+}
+.text-italic {
+ font-style: italic;
+}
+.text-primary {
+ color: #6aae7a;
+}
+a.text-primary:hover {
+ color: #519461;
+}
+.bg-primary {
+ color: #fff;
+ background-color: #6aae7a;
+}
+a.bg-primary:hover {
+ background-color: #519461;
+}
+abbr[title],
+abbr[data-original-title] {
+ border-bottom: 1px dotted #999999;
+}
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 14px;
+ border-left: 5px solid #6aae7a;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #999999;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+ content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+ border-right: 5px solid #6aae7a;
+}
+address {
+ margin-bottom: 20px;
+ line-height: 1.42857143;
+}
+.panel {
+ margin-bottom: 20px;
+ background-color: #ffffff;
+ border: 1px solid transparent;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 0;
+ box-shadow: 0 0 0;
+}
+.panel-heading {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 15px 15px;
+}
+.progress {
+ overflow: hidden;
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.panel-group {
+ margin-bottom: 20px;
+}
+.panel-group .panel {
+ margin-bottom: 0;
+ border-radius: 0;
+ overflow: hidden;
+}
+.panel-group .panel + .panel {
+ margin-top: 5px;
+}
+.panel-group.accordion .panel {
+ border-color: #ccc;
+}
+.panel-primary {
+ border-color: #6aae7a;
+}
+.panel-primary > .panel-heading {
+ color: #ffffff;
+ background-color: #6aae7a;
+ border-color: #6aae7a;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #6aae7a;
+}
+.panel-primary > .panel-heading .badge {
+ color: #6aae7a;
+ background-color: #ffffff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #6aae7a;
+}
+.panel-primary .panel-title {
+ font-weight: 300;
+}
+.panel-primary .panel-title a:hover {
+ color: #fff;
+ text-decoration: none;
+}
+a.badge:hover,
+a.badge:focus {
+ color: #ffffff;
+ text-decoration: none;
+ cursor: pointer;
+}
+a.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+ color: #6aae7a;
+ background-color: #ffffff;
+}
+.nav-pills > li > a > .badge {
+ margin-left: 3px;
+}
+.progress-bar-primary {
+ background-color: #6aae7a;
+}
+.progress-striped .progress-bar-primary {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+/*!
+ * Yamm!3 - Yet another megamenu for Bootstrap 3
+ * http://geedmo.github.com/yamm3
+ *
+ * @geedmo - Licensed under the MIT license
+ */
+.yamm .nav,
+.yamm .collapse,
+.yamm .dropup.use-yamm,
+.yamm .dropdown.use-yamm {
+ position: static;
+}
+.yamm .container {
+ position: relative;
+}
+.yamm .dropdown-menu {
+ left: auto;
+}
+.yamm .nav.navbar-right .dropdown-menu {
+ left: auto;
+ right: 0;
+}
+.yamm .yamm-content {
+ padding: 20px 30px;
+}
+.yamm .dropdown.yamm-fw .dropdown-menu {
+ left: 15px;
+ right: 15px;
+}
diff --git a/css/style.marsala.css b/css/style.marsala.css
new file mode 100755
index 0000000..40972c3
--- /dev/null
+++ b/css/style.marsala.css
@@ -0,0 +1,3557 @@
+.clearfix:before,
+.clearfix:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after {
+ content: " ";
+ display: table;
+}
+.clearfix:after,
+.navbar:after,
+.navbar-header: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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+/* general styles */
+a,
+button {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+a i.fa,
+button i.fa {
+ margin: 0 5px;
+}
+.clickable {
+ cursor: pointer !important;
+}
+.required {
+ color: #955251;
+}
+.accent {
+ color: #955251;
+}
+.text-uppercase {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .text-center-sm {
+ text-align: center;
+ }
+}
+p.lead {
+ margin-bottom: 40px;
+}
+section,
+div.section {
+ margin-bottom: 40px;
+}
+.no-mb {
+ margin-bottom: 0 !important;
+}
+.mb-small {
+ margin-bottom: 20px !important;
+}
+.heading {
+ margin-bottom: 40px;
+}
+.heading h1,
+.heading h2,
+.heading h3,
+.heading h4,
+.heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #955251;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+ vertical-align: middle;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.heading h1 i.fa,
+.heading h2 i.fa,
+.heading h3 i.fa,
+.heading h4 i.fa,
+.heading h5 i.fa {
+ display: inline-block;
+ background: #955251;
+ width: 30px;
+ height: 30px;
+ vertical-align: middle;
+ text-align: center;
+ color: #fff;
+ font-size: 12px;
+ line-height: 30px;
+ border-radius: 15px;
+}
+.icon {
+ display: inline-block;
+ width: 80px;
+ height: 80px;
+ color: #fff;
+ line-height: 80px;
+ border-radius: 40px;
+ border: solid 1px #fff;
+ font-size: 20px;
+}
+.icon.icon-lg {
+ font-size: 30px;
+ border-width: 2px;
+}
+.ul-icons {
+ padding-left: 10px;
+}
+.ul-icons li {
+ list-style-type: none;
+ line-height: 20px;
+ margin-bottom: 20px;
+}
+.ul-icons li i {
+ width: 20px;
+ height: 20px;
+ background: #955251;
+ color: #fff;
+ text-align: center;
+ border-radius: 10px;
+ line-height: 20px;
+ margin-right: 10px;
+}
+ul.list-style-none {
+ list-style: none;
+}
+#text-page h1,
+#text-page h2,
+#text-page h3 {
+ font-weight: 700;
+}
+#error-page {
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 100px;
+}
+#error-page h4 {
+ margin-bottom: 40px;
+}
+#error-page p.buttons {
+ margin-top: 40px;
+}
+.pages-listing .item {
+ text-align: center;
+}
+.pages-listing .item h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+ letter-spacing: 0.08em;
+}
+.pages-listing .item h3 a {
+ color: #555555;
+}
+.pages-listing .item .text {
+ margin-bottom: 20px;
+}
+.pages-listing .item .text p {
+ color: #999999;
+ font-size: 12px;
+ margin-bottom: 20px;
+}
+.banner {
+ margin-bottom: 30px;
+ text-align: center;
+}
+.banner img {
+ margin: 0 auto;
+}
+.banner a:hover img {
+ opacity: 0.8;
+ filter: alpha(opacity=80);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.pages {
+ text-align: center;
+}
+.pages .loadMore {
+ text-align: center;
+}
+.pages .pagination {
+ text-align: center;
+}
+.features-buttons button {
+ margin-bottom: 20px;
+}
+@media (min-width: 1300px) {
+ body.boxed {
+ background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png);
+ }
+ body.boxed #all {
+ position: relative;
+ background: #fff;
+ width: 1200px;
+ margin: 0 auto;
+ overflow: hidden;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ }
+}
+#top {
+ background: #555555;
+ color: #eeeeee;
+ padding: 10px 0;
+}
+#top p {
+ margin: 0;
+ font-size: 12px;
+}
+#top .social {
+ float: right;
+ text-align: right;
+}
+#top .social a {
+ color: #999999;
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ border-radius: 12px;
+ line-height: 20px;
+ font-size: 12px;
+ text-align: center;
+ vertical-align: bottom;
+}
+#top .social a:hover {
+ color: #fff;
+}
+#top .social a:hover.facebook {
+ background-color: #4460ae;
+}
+#top .social a:hover.gplus {
+ background-color: #c21f25;
+}
+#top .social a:hover.twitter {
+ background-color: #3cf;
+}
+#top .social a:hover.instagram {
+ background-color: #cd4378;
+}
+#top .social a:hover.email {
+ background-color: #4a7f45;
+}
+#top .login {
+ float: right;
+}
+#top .login a {
+ font-size: 12px;
+ color: #eeeeee;
+ margin-right: 15px;
+ text-decoration: none;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 767px) {
+ #top .login {
+ float: left;
+ }
+}
+#top.light {
+ background: #fff;
+ color: #999999;
+ border-bottom: solid 1px #eeeeee;
+}
+#top.light .login a {
+ color: #555555;
+}
+.navbar {
+ border: none;
+}
+.navbar ul.nav > li > a {
+ text-transform: uppercase;
+ text-decoration: underline;
+ font-weight: bold;
+ letter-spacing: 0.08em;
+ border-top: solid 5px transparent;
+}
+.navbar ul.nav > li > a:hover {
+ border-top: solid 5px #955251;
+}
+.navbar ul.nav > li.active > a,
+.navbar ul.nav > li.open > a {
+ text-decoration: none !important;
+ border-top: solid 5px #532e2d;
+}
+@media (max-width: 768px) {
+ .navbar ul.nav > li.active > a,
+ .navbar ul.nav > li.open > a {
+ border-top-color: transparent;
+ }
+ .navbar ul.nav > li > a:hover {
+ border-top-color: transparent;
+ }
+}
+.navbar.navbar-light ul.nav > li.active > a {
+ border-top: solid 5px #532e2d;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar.navbar-light ul.nav > li.active > a:hover {
+ border-top: solid 5px #532e2d;
+}
+.navbar.navbar-light ul.nav > li > a:hover,
+.navbar.navbar-light ul.nav > li.open > a:hover,
+.navbar.navbar-light ul.nav > li > a:focus,
+.navbar.navbar-light ul.nav > li.open > a:focus {
+ border-top: solid 5px #955251;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar ul.dropdown-menu {
+ margin: 0;
+ padding: 0;
+}
+.navbar ul.dropdown-menu li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 4px 0;
+}
+.navbar ul.dropdown-menu li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ left: 0;
+}
+.navbar ul.dropdown-menu li a:hover {
+ color: #955251;
+ text-decoration: none;
+ background: none;
+ left: 2px;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .navbar ul.dropdown-menu li a:hover {
+ left: 0;
+ }
+}
+.navbar .yamm-content h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ margin-top: 5px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 767px) {
+ .navbar .yamm-content h3 {
+ font-size: 14px;
+ }
+}
+.navbar .yamm-content h5 {
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+.navbar .yamm-content ul {
+ margin: 0;
+ padding: 0;
+}
+.navbar .yamm-content ul li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ padding: 4px 0;
+}
+.navbar .yamm-content ul li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.navbar .yamm-content ul li a:hover {
+ color: #955251;
+ text-decoration: none;
+ padding-left: 2px;
+}
+.navbar .yamm-content .banner {
+ margin-bottom: 10px;
+}
+.navbar .yamm-fw .dropdown-menu {
+ padding: 0;
+}
+.navbar .navbar-buttons {
+ float: right;
+}
+.navbar .navbar-buttons button,
+.navbar .navbar-buttons a.btn,
+.navbar .navbar-buttons .btn-default.navbar-toggle {
+ margin-top: 11px;
+ margin-bottom: 11px;
+ margin-left: 0;
+ margin-right: 5px;
+}
+.navbar .btn-default,
+.navbar .btn-default.navbar-toggle {
+ color: #999999;
+ background-color: #fff;
+ margin-left: 7px;
+ margin-right: 0;
+}
+.navbar .btn-default:hover,
+.navbar .btn-default.navbar-toggle:hover,
+.navbar .btn-default:focus,
+.navbar .btn-default.navbar-toggle:focus {
+ background-color: #fff;
+ border-color: #955251;
+ color: #955251;
+}
+.navbar #search {
+ clear: both;
+ border-top: solid 1px #955251;
+ text-align: right;
+}
+.navbar #search form {
+ float: right;
+}
+.navbar #search form .input-group {
+ width: 500px;
+}
+@media (max-width: 768px) {
+ .navbar #search form .input-group {
+ width: 100%;
+ }
+}
+.navbar #basket-overview a {
+ margin-left: 7px;
+}
+.navbar-affixed-top {
+ top: -32px;
+}
+.navbar-affixed-top.affix-top {
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+.navbar-affixed-top.affix {
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1000;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+body.boxed .navbar-affixed-top.affix {
+ position: static;
+}
+#login-modal {
+ overflow: hidden;
+}
+#login-modal .modal-header h4 {
+ text-transform: uppercase;
+}
+#login-modal form {
+ margin-bottom: 20px;
+}
+#login-modal a {
+ color: #955251;
+}
+#login-modal p {
+ font-weight: 300;
+ margin-bottom: 20px;
+ font-size: 13px;
+}
+/* buttons */
+.btn {
+ font-weight: 700;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 6px 12px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ border-radius: 0;
+}
+.input-group .btn {
+ font-size: 14px;
+}
+.btn-lg {
+ padding: 10px 16px;
+ font-size: 14px;
+ line-height: 1.33;
+ border-radius: 0;
+}
+.btn-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-xs {
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-template-main {
+ color: #955251;
+ background-color: #ffffff;
+ border-color: #955251;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ color: #955251;
+ background-color: #e6e6e6;
+ border-color: #6d3c3b;
+}
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ background-image: none;
+}
+.btn-template-main.disabled,
+.btn-template-main[disabled],
+fieldset[disabled] .btn-template-main,
+.btn-template-main.disabled:hover,
+.btn-template-main[disabled]:hover,
+fieldset[disabled] .btn-template-main:hover,
+.btn-template-main.disabled:focus,
+.btn-template-main[disabled]:focus,
+fieldset[disabled] .btn-template-main:focus,
+.btn-template-main.disabled:active,
+.btn-template-main[disabled]:active,
+fieldset[disabled] .btn-template-main:active,
+.btn-template-main.disabled.active,
+.btn-template-main[disabled].active,
+fieldset[disabled] .btn-template-main.active {
+ background-color: #ffffff;
+ border-color: #955251;
+}
+.btn-template-main .badge {
+ color: #ffffff;
+ background-color: #955251;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active {
+ background: #955251;
+ color: #ffffff;
+ border-color: #955251;
+}
+.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ background-image: none;
+}
+.btn-template-transparent-primary.disabled,
+.btn-template-transparent-primary[disabled],
+fieldset[disabled] .btn-template-transparent-primary,
+.btn-template-transparent-primary.disabled:hover,
+.btn-template-transparent-primary[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-primary:hover,
+.btn-template-transparent-primary.disabled:focus,
+.btn-template-transparent-primary[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-primary:focus,
+.btn-template-transparent-primary.disabled:active,
+.btn-template-transparent-primary[disabled]:active,
+fieldset[disabled] .btn-template-transparent-primary:active,
+.btn-template-transparent-primary.disabled.active,
+.btn-template-transparent-primary[disabled].active,
+fieldset[disabled] .btn-template-transparent-primary.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active {
+ background: #fff;
+ color: #955251;
+ border-color: #fff;
+}
+.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ background-image: none;
+}
+.btn-template-transparent-black.disabled,
+.btn-template-transparent-black[disabled],
+fieldset[disabled] .btn-template-transparent-black,
+.btn-template-transparent-black.disabled:hover,
+.btn-template-transparent-black[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-black:hover,
+.btn-template-transparent-black.disabled:focus,
+.btn-template-transparent-black[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-black:focus,
+.btn-template-transparent-black.disabled:active,
+.btn-template-transparent-black[disabled]:active,
+fieldset[disabled] .btn-template-transparent-black:active,
+.btn-template-transparent-black.disabled.active,
+.btn-template-transparent-black[disabled].active,
+fieldset[disabled] .btn-template-transparent-black.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active {
+ background: #fff;
+ color: #000;
+ border-color: #fff;
+}
+.btn-template-primary {
+ color: #ffffff;
+ background-color: #955251;
+ border-color: #955251;
+}
+.btn-template-primary:hover,
+.btn-template-primary:focus,
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ color: #ffffff;
+ background-color: #74403f;
+ border-color: #6d3c3b;
+}
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ background-image: none;
+}
+.btn-template-primary.disabled,
+.btn-template-primary[disabled],
+fieldset[disabled] .btn-template-primary,
+.btn-template-primary.disabled:hover,
+.btn-template-primary[disabled]:hover,
+fieldset[disabled] .btn-template-primary:hover,
+.btn-template-primary.disabled:focus,
+.btn-template-primary[disabled]:focus,
+fieldset[disabled] .btn-template-primary:focus,
+.btn-template-primary.disabled:active,
+.btn-template-primary[disabled]:active,
+fieldset[disabled] .btn-template-primary:active,
+.btn-template-primary.disabled.active,
+.btn-template-primary[disabled].active,
+fieldset[disabled] .btn-template-primary.active {
+ background-color: #955251;
+ border-color: #955251;
+}
+.btn-template-primary .badge {
+ color: #955251;
+ background-color: #ffffff;
+}
+#intro {
+ background: url('../img/home.jpg') no-repeat center top;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+#intro .item {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ height: 100%;
+}
+#intro .item h1 {
+ text-transform: uppercase;
+ font-size: 50px;
+ color: #fff;
+ margin-bottom: 40px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #intro .item h1 {
+ font-size: 40px;
+ }
+}
+@media (max-width: 767px) {
+ #intro .item h1 {
+ font-size: 25px;
+ }
+}
+#intro .item h3 {
+ color: #fff;
+ margin-bottom: 40px;
+}
+@media (max-width: 767px) {
+ #intro .item h3 {
+ font-size: 15px;
+ margin-bottom: 20px;
+ }
+}
+#intro .item .btn {
+ text-transform: none;
+}
+@media (max-width: 991px) {
+ #intro .item .btn {
+ font-size: 14px;
+ }
+}
+@media (max-width: 991px) {
+ #intro .item .carousel-caption {
+ left: 10%;
+ right: 10%;
+ }
+}
+#intro .container,
+#intro .row {
+ height: 100%;
+ position: relative;
+}
+.jumbotron {
+ padding: 30px;
+ margin-bottom: 0;
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.jumbotron .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #955251;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3,
+.jumbotron p,
+.jumbotron ul {
+ color: #fff;
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3 {
+ color: #ffffff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.jumbotron p {
+ margin-bottom: 20px;
+ font-size: 21px;
+ font-weight: 400;
+}
+.jumbotron p.text-uppercase {
+ font-weight: 700;
+}
+.jumbotron > hr {
+ border-top-color: #d5d5d5;
+}
+.container .jumbotron {
+ border-radius: 0;
+}
+.jumbotron .container {
+ max-width: 100%;
+ z-index: 2;
+}
+@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: 46px;
+ }
+}
+#categoryMenu h3 {
+ padding: 20px;
+ background: #f7f7f7;
+ margin: 0;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu h3 {
+ padding: 5px 0;
+ margin: 0;
+}
+.panel.sidebar-menu {
+ background: #fff;
+ margin: 0 0 20px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.panel.sidebar-menu .panel-heading {
+ text-transform: uppercase;
+ margin-bottom: 10px;
+ background: none;
+ padding: 0;
+ letter-spacing: 0.08em;
+ border-bottom: none;
+}
+.panel.sidebar-menu .panel-heading h1,
+.panel.sidebar-menu .panel-heading h2,
+.panel.sidebar-menu .panel-heading h3,
+.panel.sidebar-menu .panel-heading h4,
+.panel.sidebar-menu .panel-heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #955251;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+}
+.panel.sidebar-menu .panel-heading .btn.btn-danger {
+ color: #fff;
+ margin-top: 5px;
+}
+.panel.sidebar-menu .panel-body {
+ padding: 0;
+}
+.panel.sidebar-menu .panel-body span.colour {
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ border: solid 1px #555555;
+ vertical-align: top;
+ margin-top: 2px;
+ margin-left: 5px;
+}
+.panel.sidebar-menu .panel-body span.colour.white {
+ background: #fff;
+}
+.panel.sidebar-menu .panel-body span.colour.red {
+ background: red;
+}
+.panel.sidebar-menu .panel-body span.colour.green {
+ background: green;
+}
+.panel.sidebar-menu .panel-body span.colour.blue {
+ background: blue;
+}
+.panel.sidebar-menu .panel-body span.colour.yellow {
+ background: yellow;
+}
+.panel.sidebar-menu .panel-body label {
+ color: #999999;
+ font-size: 12px;
+}
+.panel.sidebar-menu .panel-body label:hover {
+ color: #555555;
+}
+.panel.sidebar-menu ul.nav.category-menu {
+ margin-bottom: 20px;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu ul.nav.category-menu li a {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.panel.sidebar-menu ul.nav ul {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.nav ul li {
+ display: block;
+}
+.panel.sidebar-menu ul.nav ul li a {
+ position: relative;
+ font-family: "Times New Roman", Times, serif;
+ font-weight: normal;
+ text-transform: none !important;
+ display: block;
+ padding: 10px 15px;
+ padding-left: 30px;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.nav ul li a:hover,
+.panel.sidebar-menu ul.nav ul li a:focus {
+ text-decoration: none;
+ background-color: #eeeeee;
+}
+.panel.sidebar-menu ul.tag-cloud {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.tag-cloud li {
+ display: inline-block;
+}
+.panel.sidebar-menu ul.tag-cloud li a {
+ display: inline-block;
+ padding: 5px;
+ border: solid 1px #eeeeee;
+ border-radius: 0;
+ color: #955251;
+ margin: 5px 5px 5px 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 700;
+ font-size: 12px;
+}
+.panel.sidebar-menu ul.tag-cloud li a:hover {
+ color: #955251;
+ text-decoration: none;
+ border-color: #955251;
+}
+.panel.sidebar-menu ul.popular,
+.panel.sidebar-menu ul.recent {
+ list-style: none;
+ padding-left: 0;
+ padding: 20px 0;
+}
+.panel.sidebar-menu ul.popular li,
+.panel.sidebar-menu ul.recent li {
+ margin-bottom: 10px;
+ padding: 5px 0;
+ border-bottom: dotted 1px #eeeeee;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li img,
+.panel.sidebar-menu ul.recent li img {
+ width: 50px;
+ margin-right: 10px;
+}
+.panel.sidebar-menu ul.popular li h5,
+.panel.sidebar-menu ul.recent li h5 {
+ margin: 0 0 10px;
+}
+.panel.sidebar-menu ul.popular li h5 a,
+.panel.sidebar-menu ul.recent li h5 a {
+ font-weight: normal;
+}
+.panel.sidebar-menu ul.popular li p.date,
+.panel.sidebar-menu ul.recent li p.date {
+ float: right;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.popular li:last-child,
+.panel.sidebar-menu ul.recent li:last-child {
+ border-bottom: none;
+}
+.panel.sidebar-menu .text-widget {
+ font-size: 12px;
+}
+.panel.sidebar-menu.with-icons ul.nav li a:after {
+ font-family: 'FontAwesome';
+ content: "\f105";
+ position: relative;
+ top: 0;
+ float: right;
+}
+/* ribbons for product sales etc. */
+.ribbon {
+ position: absolute;
+ top: 50px;
+ padding-left: 51px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.ribbon .ribbon-background {
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.ribbon .theribbon {
+ position: relative;
+ width: 80px;
+ padding: 6px 20px 6px 20px;
+ margin: 30px 10px 10px -71px;
+ color: #fff;
+ background-color: #955251;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.ribbon .theribbon:before,
+.ribbon .theribbon:after {
+ content: ' ';
+ position: absolute;
+ width: 0;
+ height: 0;
+}
+.ribbon .theribbon:after {
+ left: 0px;
+ top: 100%;
+ border-width: 5px 10px;
+ border-style: solid;
+ border-color: #000000 #000000 transparent transparent;
+}
+.ribbon.sale {
+ top: 0;
+}
+.ribbon.new {
+ top: 50px;
+}
+.ribbon.new .theribbon {
+ background-color: #5bc0de;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.new .theribbon:after {
+ border-color: #2390b0 #2390b0 transparent transparent;
+}
+.ribbon.gift {
+ top: 100px;
+}
+.ribbon.gift .theribbon {
+ background-color: #5cb85c;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.gift .theribbon:after {
+ border-color: #357935 #357935 transparent transparent;
+}
+.owl-carousel .owl-controls .owl-page.active span,
+.owl-theme .owl-controls .owl-page.active span,
+.owl-carousel .owl-controls.clickable .owl-page:hover span,
+.owl-theme .owl-controls.clickable .owl-page:hover span {
+ background: #955251;
+}
+.owl-carousel .owl-controls .owl-buttons,
+.owl-theme .owl-controls .owl-buttons {
+ position: absolute;
+ top: 5px;
+ right: 0;
+}
+.owl-carousel .owl-controls .owl-buttons div,
+.owl-theme .owl-controls .owl-buttons div {
+ width: 26px;
+ height: 26px;
+ line-height: 25px;
+ margin: 0 5px 0 0;
+ font-size: 18px;
+ color: #955251;
+ padding: 0;
+ background: #fff;
+ border-radius: 13px;
+ vertical-align: middle;
+ text-align: center;
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+.home-carousel {
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.home-carousel .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #955251;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.home-carousel .owl-carousel {
+ padding-top: 60px;
+ padding-bottom: 20px;
+}
+.home-carousel .owl-theme .owl-controls .owl-page span {
+ background: #666;
+}
+.home-carousel .owl-theme .owl-controls .owl-page.active span {
+ background: #fff;
+}
+.home-carousel .owl-theme .owl-controls .owl-page:hover span {
+ background: #fff;
+}
+@media (max-width: 767px) {
+ .home-carousel {
+ text-align: center !important;
+ }
+}
+@media (min-width: 992px) {
+ .home-carousel .right {
+ text-align: right;
+ }
+}
+.home-carousel h1,
+.home-carousel h2,
+.home-carousel h3,
+.home-carousel p,
+.home-carousel ul {
+ color: #fff;
+}
+.home-carousel h1 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 46px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .home-carousel h1 {
+ font-size: 36px;
+ }
+}
+.home-carousel h2 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 40px;
+ letter-spacing: 0.08em;
+}
+.home-carousel ul,
+.home-carousel p {
+ font-size: 18px;
+ font-weight: 700;
+ padding: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 991px) {
+ .home-carousel ul,
+ .home-carousel p {
+ font-size: 14px;
+ }
+}
+.home-carousel ul li {
+ margin-bottom: 10px;
+}
+.customers {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.customers .item {
+ list-style-type: none;
+ text-align: center;
+ margin: 0 20px;
+}
+.customers .item img {
+ display: inline-block;
+ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+ /* Firefox 10+, Firefox on Android */
+ filter: gray;
+ /* IE6-9 */
+ -webkit-filter: grayscale(100%);
+ /* Chrome 19+, Safari 6+, Safari 6+ iOS */
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.customers .item img:hover {
+ max-width: auto;
+ filter: none;
+ -webkit-filter: none;
+}
+.testimonials {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.testimonials .item {
+ list-style-type: none;
+ margin: 0 5px;
+ background: #fff;
+ padding-bottom: 60px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.testimonials .item .testimonial {
+ position: relative;
+ padding: 20px;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial .text {
+ color: #999999;
+ margin-bottom: 40px;
+}
+.testimonials .item .testimonial .bottom {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px;
+ height: 50px;
+}
+.testimonials .item .testimonial .bottom .icon {
+ color: #955251;
+ font-size: 30px;
+ float: left;
+ width: 20%;
+}
+.testimonials .item .testimonial .name-picture {
+ float: right;
+ width: 80%;
+ text-align: right;
+}
+.testimonials .item .testimonial .name-picture h5 {
+ font-size: 14px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.testimonials .item .testimonial .name-picture p {
+ color: #999999;
+ margin: 0;
+ font-size: 12px;
+}
+.testimonials .item .testimonial .name-picture img {
+ float: right;
+ width: 60px;
+ border-radius: 30px;
+ margin-left: 10px;
+}
+.team-member {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.team-member h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ letter-spacing: 0.08em;
+}
+.team-member h3 a {
+ color: #555555;
+}
+.team-member p.role {
+ color: #999999;
+ font-size: 12px;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.team-member .social {
+ margin-bottom: 20px;
+}
+.team-member .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email {
+ background-color: #4a7f45;
+}
+.team-member .text p {
+ color: #999999;
+ font-size: 12px;
+}
+.team-member .social,
+.team-member-detail .social {
+ margin-bottom: 20px;
+}
+.team-member .social a,
+.team-member-detail .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i,
+.team-member-detail .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook,
+.team-member-detail .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus,
+.team-member-detail .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter,
+.team-member-detail .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram,
+.team-member-detail .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email,
+.team-member-detail .social a.email {
+ background-color: #4a7f45;
+}
+.box-simple {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.box-simple .icon {
+ color: #955251;
+ border-color: #955251;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.box-simple h3 {
+ font-weight: normal;
+ font-size: 18px;
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-simple h3 a {
+ color: #555555;
+}
+.box-simple p {
+ color: #999999;
+}
+.box-simple:hover .icon {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.box-simple:hover .icon i {
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+}
+.box-simple.box-white {
+ padding: 20px;
+ border: dotted 1px #999999;
+}
+.box-simple.box-white .icon {
+ color: #555555;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark {
+ padding: 20px;
+ border: dotted 1px #999999;
+ background: #555555;
+ color: #fff;
+}
+.box-simple.box-dark .icon {
+ color: #f7f7f7;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark h3 {
+ color: #fff;
+}
+.box-simple.box-dark h3 a {
+ color: #fff;
+}
+.box-simple.box-dark p {
+ color: #fff;
+}
+.box-image {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #955251;
+}
+.box-image .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+.box-image-text {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image-text .top {
+ position: relative;
+ margin-bottom: 10px;
+}
+.box-image-text .top .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #955251;
+}
+.box-image-text .top .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .top .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image-text .top .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image-text .top .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .content h3,
+.box-image-text .content h4 {
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-image-text .content p {
+ color: #999999;
+}
+.box-image-text:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image-text:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image-text:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+/* universal box */
+.box {
+ background: #fff;
+ margin: 0 0 30px;
+ border: solid 1px #ccc;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px 0;
+ border-left: none;
+ border-right: none;
+}
+.box .box-header {
+ background: #f7f7f7;
+ margin: -20px 0 20px;
+ padding: 20px;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-footer {
+ background: #f7f7f7;
+ margin: 30px 0 -20px;
+ padding: 20px;
+ border-top: solid 1px #eeeeee;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+@media (max-width: 991px) {
+ .box .box-footer .btn {
+ margin-bottom: 20px;
+ }
+}
+.box.no-border {
+ border: none;
+}
+#heading-breadcrumbs {
+ background: url('../img/texture-bw.png') center center repeat;
+ padding: 20px 0;
+ margin-bottom: 40px;
+}
+#heading-breadcrumbs.no-mb {
+ margin-bottom: 0;
+}
+#heading-breadcrumbs h1 {
+ color: #333333;
+ text-transform: uppercase;
+ font-size: 30px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #heading-breadcrumbs h1 {
+ text-align: center;
+ }
+}
+#heading-breadcrumbs ul.breadcrumb {
+ margin-top: 5px;
+ margin-bottom: 0;
+}
+.bar {
+ position: relative;
+ background: #955251;
+ padding: 60px 0;
+}
+.bar.background-pentagon {
+ background: url('../img/texture-bw.png') center center repeat;
+ border-top: solid 1px #999999;
+ border-bottom: solid 1px #999999;
+}
+.bar.background-gray {
+ background: #eeeeee;
+}
+.bar.background-gray-dark {
+ background: #555555;
+}
+.bar.background-white {
+ background: #fff;
+}
+.bar.background-image-fixed-1 {
+ background: url('../img/fixed-background-1.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.background-image-fixed-2 {
+ background: url('../img/fixed-background-2.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.color-white h1,
+.bar.color-white h2,
+.bar.color-white h3,
+.bar.color-white h4,
+.bar.color-white h5,
+.bar.color-white h6,
+.bar.color-white p {
+ color: #fff;
+}
+.bar.padding-big {
+ padding: 50px 0;
+}
+.bar.padding-horizontal {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+.bar.margin-vertical {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.bar .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+}
+.portfolio.no-space {
+ padding: 0 15px;
+}
+.portfolio.no-space .box-image {
+ margin: 0 -15px;
+}
+.portfolio-project .project-more h4 {
+ color: #555555;
+ text-transform: uppercase;
+ margin-bottom: 0;
+ text-align: left;
+ font-size: 14px;
+ letter-spacing: 0.08em;
+}
+.portfolio-project .project-more p {
+ color: #999999;
+ padding: 10px 0;
+ margin-bottom: 20px;
+ text-align: left;
+}
+.portfolio-showcase {
+ margin: 15px 0 60px;
+}
+.portfolio-showcase h3 a {
+ text-transform: uppercase;
+ line-height: 1.5;
+ letter-spacing: 0.08em;
+}
+.portfolio-showcase p.lead {
+ color: #555555;
+ margin-bottom: 20px;
+}
+.portfolio-showcase p {
+ color: #999999;
+}
+.portfolio-showcase p.buttons {
+ margin-top: 40px;
+}
+.see-more {
+ text-align: center;
+ margin-top: 20px;
+ padding-top: 20px;
+}
+.see-more p {
+ font-size: 28px;
+ font-weight: 100;
+ margin-bottom: 20px;
+}
+.showcase .item {
+ text-align: center;
+}
+.showcase .item .icon {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ color: #555555;
+ line-height: 50px;
+ border-radius: 25px;
+ border: solid 1px #555555;
+}
+.showcase .item h4 {
+ color: #555555;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ line-height: 1.5;
+ font-size: 16px;
+}
+.showcase .item h4 span {
+ font-weight: bold;
+ font-size: 51px;
+}
+.packages .package {
+ background: #fff;
+ margin-top: 25px;
+ margin-bottom: 20px;
+ padding-bottom: 15px;
+ text-align: center;
+ border: solid 1px #955251;
+ overflow: hidden;
+}
+.packages .package .package-header {
+ height: 57px;
+ color: #fff;
+ line-height: 57px;
+ background: #955251;
+}
+.packages .package .package-header h5 {
+ color: #fff;
+ text-transform: uppercase;
+ font-weight: bold;
+ line-height: 57px;
+ margin: 0;
+ letter-spacing: 0.08em;
+}
+.packages .package .package-header.light-gray {
+ background: #eeeeee;
+}
+.packages .package .package-header.light-gray h5 {
+ color: #555555;
+}
+.packages .package .price {
+ line-height: 120px;
+ height: 100px;
+ color: #fff;
+ font-weight: 400;
+}
+.packages .package .price h4 {
+ display: inline;
+ font-size: 50px;
+ line-height: normal;
+ margin-bottom: 0;
+}
+.packages .package .price .period {
+ line-height: normal;
+ color: #999999;
+}
+.packages .package ul {
+ padding: 0;
+}
+.packages .package ul li {
+ list-style-type: none;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ width: 80%;
+ margin: auto;
+ border-bottom: 1px dotted #ccc;
+}
+.packages .package ul li:last-child {
+ border-bottom: 0;
+}
+.packages .package ul li i {
+ font-size: 13px;
+ margin-right: 5px;
+}
+.packages .best-value .package {
+ margin-top: 0;
+ padding-bottom: 40px;
+}
+.packages .best-value .package .package-header {
+ height: 72px;
+ padding-top: 17px;
+ height: 82px !important;
+}
+.packages .best-value .package .package-header h5 {
+ font-weight: bold;
+ line-height: 29px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.packages .best-value .package .package-header .meta-text {
+ font-size: 13px;
+ line-height: 15px;
+}
+#map {
+ height: 300px;
+}
+#map.with-border {
+ border-top: solid 1px #955251;
+ border-bottom: solid 1px #955251;
+}
+#blog-listing-big .post,
+#blog-homepage .post {
+ margin-bottom: 60px;
+}
+#blog-listing-big .post h2,
+#blog-homepage .post h2,
+#blog-listing-big .post h4,
+#blog-homepage .post h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post h2 a,
+#blog-homepage .post h2 a,
+#blog-listing-big .post h4 a,
+#blog-homepage .post h4 a {
+ color: #555555;
+}
+#blog-listing-big .post h2 a:hover,
+#blog-homepage .post h2 a:hover,
+#blog-listing-big .post h4 a:hover,
+#blog-homepage .post h4 a:hover {
+ color: #955251;
+}
+#blog-listing-big .post .author-category,
+#blog-homepage .post .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post .author-category a,
+#blog-homepage .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-big .post .date-comments a,
+#blog-homepage .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-big .post .date-comments a:hover,
+#blog-homepage .post .date-comments a:hover {
+ color: #955251;
+}
+@media (min-width: 768px) {
+ #blog-listing-big .post .date-comments,
+ #blog-homepage .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-big .post .intro,
+#blog-homepage .post .intro {
+ text-align: left;
+}
+#blog-listing-big .post .image,
+#blog-homepage .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-big .post .image img,
+#blog-homepage .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-big .post .image img.img-responsive,
+ #blog-homepage .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-big .post .video,
+#blog-homepage .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-big .post .read-more,
+#blog-homepage .post .read-more {
+ text-align: right;
+}
+#blog-listing-medium .post {
+ margin-bottom: 60px;
+}
+#blog-listing-medium .post h2 {
+ text-transform: uppercase;
+ margin: 0 0 10px;
+ font-size: 24px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post h2 a {
+ color: #555555;
+}
+#blog-listing-medium .post h2 a:hover {
+ color: #955251;
+}
+#blog-listing-medium .post .author-category {
+ float: left;
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ font-size: 12px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-medium .post .date-comments {
+ float: right;
+ font-size: 12px;
+}
+#blog-listing-medium .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-medium .post .date-comments a:hover {
+ color: #955251;
+}
+@media (min-width: 768px) {
+ #blog-listing-medium .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-medium .post .intro {
+ text-align: left;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-medium .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-medium .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-medium .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-medium .post .read-more {
+ text-align: right;
+}
+.box-image-text.blog .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 300;
+ font-size: 12px;
+}
+.box-image-text.blog .author-category a {
+ font-weight: 500;
+}
+.box-image-text.blog .intro {
+ text-align: left;
+ margin-bottom: 20px;
+}
+#blog-homepage .post {
+ margin-bottom: 30px;
+}
+#blog-homepage .post h2,
+#blog-homepage .post h4,
+#blog-homepage .post .author-category,
+#blog-homepage .post .read-more {
+ text-align: center;
+}
+#blog-homepage .post .read-more {
+ margin-top: 20px;
+}
+#blog-post #post-content {
+ margin-bottom: 20px;
+}
+#blog-post .comment {
+ margin-bottom: 25px;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment .posted {
+ color: #999999;
+ font-size: 12px;
+}
+#blog-post .comment .reply {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#blog-post .comment.last {
+ margin-bottom: 0;
+}
+#blog-post #comments,
+#blog-post #comment-form {
+ padding: 20px 0;
+ margin-top: 20px;
+ border-top: solid 1px #eeeeee;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments h4,
+#blog-post #comment-form h4 {
+ margin-bottom: 20px;
+}
+#blog-post #comment-form {
+ margin-bottom: 20px;
+}
+.product {
+ background: #fff;
+ border-bottom: solid 1px #e6e6e6;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 60px;
+ overflow: hidden;
+ text-align: center;
+}
+.product .image {
+ overflow: hidden;
+}
+.product .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .product .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+.product .text {
+ padding: 10px;
+}
+.product .text h3 {
+ font-size: 14px;
+ font-weight: 700;
+ height: 39.6px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.product .text h3 a {
+ color: #555555;
+}
+.product .text h3 a:hover {
+ text-decoration: none;
+}
+.product .text p.price {
+ font-size: 18px;
+}
+.product .text p.price del {
+ color: #999999;
+}
+.product .buttons {
+ clear: both;
+ position: absolute;
+ display: none;
+ bottom: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ border: solid 1px transparent;
+ padding: 20px;
+ background: rgba(255, 255, 255, 0.9);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ text-align: center;
+}
+.product .buttons .btn {
+ margin-bottom: 20px;
+}
+.product:hover {
+ border-bottom: solid 1px #808080;
+ top: 0;
+}
+.product:hover .buttons {
+ clear: both;
+ position: absolute;
+ top: 0;
+ background: rgba(255, 255, 255, 0.5);
+}
+.product:hover .image img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.goToDescription {
+ font-size: 12px;
+ text-align: center;
+ margin-bottom: 40px;
+}
+.goToDescription a {
+ color: #999999;
+ text-decoration: underline;
+}
+#productMain {
+ margin-bottom: 30px;
+}
+#productMain .sizes {
+ text-align: center;
+}
+#productMain .sizes h3 {
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ margin-bottom: 40px;
+}
+#productMain .sizes a {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ border-radius: 40px;
+ background: #ccc;
+ line-height: 40px;
+ color: #555555;
+ text-align: center;
+ text-decoration: none;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#productMain .sizes a.active,
+#productMain .sizes a:hover {
+ background: #955251;
+ color: #fff;
+}
+#productMain .sizes input {
+ display: none;
+}
+#productMain .price {
+ font-size: 40px;
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 40px;
+}
+#thumbs a {
+ display: block;
+ border: solid 1px transparent;
+}
+#thumbs a.active {
+ border-color: #955251;
+}
+#product-social {
+ text-align: center;
+}
+#product-social h4 {
+ font-weight: 300;
+ margin-bottom: 10px;
+}
+#product-social p {
+ line-height: 26px;
+}
+#product-social p a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+#product-social p a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+#product-social p a.facebook {
+ background-color: #4460ae;
+}
+#product-social p a.gplus {
+ background-color: #c21f25;
+}
+#product-social p a.twitter {
+ background-color: #3cf;
+}
+#product-social p a.instagram {
+ background-color: #cd4378;
+}
+#product-social p a.email {
+ background-color: #4a7f45;
+}
+@media (max-width: 991px) {
+ #product-social {
+ text-align: center;
+ }
+}
+#checkout .nav {
+ margin-bottom: 20px;
+ border-bottom: solid 1px #955251;
+}
+#checkout .nav li {
+ height: 100%;
+}
+#checkout .nav li a {
+ display: block;
+ height: 100%;
+}
+#order-summary table {
+ margin-top: 20px;
+}
+#order-summary table td {
+ color: #999999;
+}
+#order-summary table tr.total td,
+#order-summary table tr.total th {
+ font-size: 18px;
+ color: #555555;
+ font-weight: 700;
+}
+#checkout .table tbody tr td,
+#basket .table tbody tr td,
+#customer-order .table tbody tr td {
+ vertical-align: middle;
+}
+#checkout .table tbody tr td input,
+#basket .table tbody tr td input,
+#customer-order .table tbody tr td input {
+ width: 50px;
+ text-align: right;
+}
+#checkout .table tbody tr td img,
+#basket .table tbody tr td img,
+#customer-order .table tbody tr td img {
+ width: 50px;
+}
+#checkout .table tfoot,
+#basket .table tfoot,
+#customer-order .table tfoot {
+ font-size: 18px;
+}
+.shipping-method h4,
+.payment-method h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#customer-orders table tr th,
+#customer-orders table tr td {
+ vertical-align: baseline;
+}
+#customer-order .table tfoot th {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-order .addresses {
+ text-align: right;
+ margin-bottom: 30px;
+}
+#customer-order .addresses p {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-account {
+ margin-bottom: 30px;
+}
+#get-it {
+ background: #955251;
+ padding: 50px 0 30px;
+ color: #fff;
+ text-align: center;
+}
+#get-it h1,
+#get-it h2,
+#get-it h3,
+#get-it h4,
+#get-it h5,
+#get-it h6 {
+ color: #fff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ margin: 0 0 20px;
+}
+#get-it p {
+ margin: 0 0 20px;
+}
+#footer {
+ background: #555555;
+ padding: 50px 0;
+ color: #999999;
+}
+#footer h1,
+#footer h2,
+#footer h3,
+#footer h4,
+#footer h5,
+#footer h6 {
+ color: #eeeeee;
+}
+#footer h4 {
+ font-size: 14px;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#footer ul {
+ padding-left: 0;
+ list-style: none;
+}
+#footer ul a {
+ color: #999999;
+}
+#footer ul a:hover {
+ color: #955251;
+ text-decoration: none;
+}
+#footer .photostream div {
+ float: left;
+ display: block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 33%;
+ padding: 7.5px;
+ overflow: hidden;
+}
+#footer .photostream div a {
+ border: solid 1 px #eeeeee;
+}
+#footer .photostream div img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+#footer .photostream div:hover img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+#footer .blog-entries .item {
+ clear: both;
+ padding: 5px 0;
+ margin-bottom: 10px;
+ border-bottom: solid 1px #555555;
+}
+#footer .blog-entries .item .image {
+ float: left;
+ width: 15%;
+ margin-right: 10px;
+}
+#footer .blog-entries .item .name {
+ width: 75%;
+ margin-left: 10px;
+ display: table-cell;
+ vertical-align: middle;
+}
+#footer .blog-entries .item .name h5 {
+ margin: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-size: 12px;
+}
+#footer .blog-entries .item .name h5 a {
+ color: #eeeeee;
+}
+#footer .blog-entries .item .text {
+ width: 100%;
+ clear: both;
+}
+#footer .blog-entries .item:last-child {
+ border-bottom: none;
+ margin-bottom: 0;
+}
+#footer .social a {
+ color: #555555;
+ font-size: 25px;
+ margin: 0 10px 0 0;
+}
+#footer .social a:hover {
+ color: #955251;
+}
+#copyright {
+ background: #333;
+ color: #ccc;
+ padding: 50px 0;
+ font-size: 12px;
+ line-height: 28px;
+}
+#copyright p {
+ margin: 0;
+}
+@media (max-width: 991px) {
+ #copyright p {
+ float: none !important;
+ text-align: center;
+ margin-bottom: 10px;
+ }
+}
+[data-animate] {
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+#style-switch-button {
+ position: fixed;
+ top: 100px;
+ left: 0px;
+ border-radius: 0;
+}
+#style-switch {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 300px;
+ padding: 20px;
+ position: fixed;
+ top: 140px;
+ left: 0;
+ background: #fff;
+ border: solid 1px #eeeeee;
+}
+@media (max-width: 991px) {
+ #style-switch-button {
+ display: none;
+ }
+ #style-switch {
+ display: none;
+ }
+}
+/* Original Boostrap template overwrite */
+/* breadcrumbs */
+.breadcrumb {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ background-color: none;
+ letter-spacing: 0.08em;
+}
+/* nav */
+.nav > li > a {
+ padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+ background-color: #eeeeee;
+}
+.nav > li.disabled > a {
+ color: #999999;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+ color: #999999;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+ background-color: #eeeeee;
+ border-color: #955251;
+}
+.nav-tabs {
+ border-bottom: 1px solid #955251;
+}
+.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: 0 0 0 0;
+}
+.nav-tabs > li > a:hover {
+ border-color: #eeeeee #eeeeee #955251;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+ color: #555555;
+ background-color: #ffffff;
+ border: 1px solid #955251;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+.nav-tabs.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #955251;
+ 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;
+}
+.nav-tabs.nav-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+ border: 1px solid #955251;
+}
+@media (min-width: 768px) {
+ .nav-tabs.nav-justified > li > a {
+ border-bottom: 1px solid #955251;
+ border-radius: 0 0 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: #ffffff;
+ }
+}
+.nav-pills > li {
+ float: left;
+}
+.nav-pills > li > a {
+ border-radius: 0;
+}
+.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: #ffffff;
+ background-color: #955251;
+}
+.nav-stacked > li {
+ float: none;
+}
+.nav-stacked > li + li {
+ margin-top: 2px;
+ margin-left: 0;
+}
+.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #955251;
+}
+.nav-justified > li {
+ float: none;
+}
+.nav-justified > li > a {
+ text-align: center;
+ /*margin-bottom: 5px;*/
+}
+.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
+}
+.nav-tabs-justified {
+ border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+ border: 1px solid #955251;
+}
+@media (min-width: 768px) {
+ .nav-tabs-justified > li > a {
+ border-bottom: 1px solid #955251;
+ border-radius: 0 0 0 0;
+ }
+ .nav-tabs-justified > .active > a,
+ .nav-tabs-justified > .active > a:hover,
+ .nav-tabs-justified > .active > a:focus {
+ border-bottom-color: #ffffff;
+ }
+}
+.tab-content {
+ padding: 15px;
+ border: solid 1px #ddd;
+ border-top: none;
+}
+/* navbar */
+.navbar {
+ position: relative;
+ min-height: 62px;
+ margin-bottom: 0;
+ border-bottom: 1px solid transparent;
+}
+@media (min-width: 768px) {
+ .navbar {
+ border-radius: 0px;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-header {
+ float: left;
+ }
+}
+.navbar-collapse {
+ overflow-x: visible;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+.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;
+ }
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-affixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+ max-height: 340px;
+}
+@media (max-width: 480px) and (orientation: landscape) {
+ .navbar-fixed-top .navbar-collapse,
+ .navbar-affixed-top .navbar-collapse,
+ .navbar-fixed-bottom .navbar-collapse {
+ max-height: 200px;
+ }
+}
+.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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+@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: 10px 15px;
+ font-size: 18px;
+ line-height: 20px;
+ height: 62px;
+}
+.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: 14px;
+ margin-bottom: 14px;
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 0;
+}
+.navbar-toggle:focus {
+ outline: 0;
+}
+.navbar-nav {
+ margin: 10.5px -15px;
+}
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
+}
+@media (max-width: 767px) {
+ .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: 21px;
+ padding-bottom: 21px;
+ }
+ .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, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ margin-top: 14px;
+ margin-bottom: 14px;
+}
+@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: 14px;
+ margin-bottom: 14px;
+}
+.navbar-btn.btn-sm {
+ margin-top: 16px;
+ margin-bottom: 16px;
+}
+.navbar-btn.btn-xs {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.navbar-text {
+ margin-top: 21px;
+ margin-bottom: 21px;
+}
+@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: #ffffff;
+ border-color: #cccccc;
+ border-bottom: none;
+}
+.navbar-default .navbar-brand {
+ color: #555555;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+ color: #3b3b3b;
+ background-color: transparent;
+}
+.navbar-default .navbar-text {
+ color: #777777;
+}
+.navbar-default .navbar-nav > li > a {
+ color: #555555;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+ color: #555555;
+ background-color: #c08c8c;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: #ffffff;
+ background-color: #955251;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+ color: #cccccc;
+ background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+ border-color: #dddddd;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+ background-color: #955251;
+}
+.navbar-default .navbar-toggle .icon-bar {
+ background-color: #888888;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+ border-color: #cccccc;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+ background-color: #955251;
+ color: #ffffff;
+}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+ color: #555555;
+ }
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #955251;
+ }
+ .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: #ffffff;
+ background-color: #955251;
+ }
+ .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: #cccccc;
+ background-color: transparent;
+ }
+}
+.navbar-default .navbar-link {
+ color: #555555;
+}
+.navbar-default .navbar-link:hover {
+ color: #555555;
+}
+.navbar-default .btn-link {
+ color: #555555;
+}
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
+ color: #555555;
+}
+.navbar-default .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-default .btn-link:hover,
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+ color: #cccccc;
+}
+/* scaffolding */
+body {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
+}
+a {
+ color: #955251;
+ text-decoration: none;
+}
+a:hover,
+a:focus {
+ color: #633736;
+ text-decoration: underline;
+}
+a:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+.img-rounded {
+ border-radius: 0;
+}
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #eeeeee;
+}
+/* breadcrumbs */
+.breadcrumb {
+ padding: 20px 0;
+ margin-bottom: 20px;
+ background-color: transparent;
+ border-radius: 0;
+ text-align: right;
+}
+.breadcrumb > li + li:before {
+ content: ">\00a0";
+ color: #555555;
+}
+.breadcrumb > .active {
+ color: #999999;
+}
+@media (max-width: 991px) {
+ .breadcrumb {
+ padding: 20px 0;
+ text-align: center;
+ }
+}
+/* dropdowns */
+.dropdown-menu {
+ z-index: 1000;
+ font-size: 14px;
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ box-shadow: 0 6px 12px rgba(0, 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 {
+ padding: 5px 20px;
+ line-height: 1.42857143;
+ color: #333333;
+ white-space: nowrap;
+}
+/* labels */
+.label {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+/* forms.less */
+label {
+ font-weight: normal;
+}
+.form-control {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-radius: 0;
+}
+.form-control:focus {
+ border-color: #955251;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(149, 82, 81, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(149, 82, 81, 0.6);
+}
+.form-group {
+ margin-bottom: 20px;
+}
+/* pager*/
+.pager {
+ margin: 20px 0;
+ border-top: solid 1px #eeeeee;
+ padding-top: 20px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.pager li {
+ display: inline;
+}
+.pager li > a,
+.pager li > span {
+ background-color: #ffffff;
+ border: 1px solid #955251;
+ border-radius: 0;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+ text-decoration: none;
+ color: #fff;
+ background-color: #955251;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #ddd;
+}
+/* pagination */
+.pagination {
+ margin: 20px 0;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ border-radius: 0;
+}
+.pagination > li > a,
+.pagination > li > span {
+ padding: 6px 12px;
+ line-height: 1.42857143;
+ text-decoration: none;
+ color: #955251;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+ color: #955251;
+ background-color: #d2adad;
+ border-color: #dddddd;
+}
+.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: #ffffff;
+ background-color: #955251;
+ border-color: #955251;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #dddddd;
+}
+/* responsive utilities */
+@media (max-width: 767px) {
+ .text-center-xs {
+ text-align: center !important;
+ }
+ .text-center-xs img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+ .text-center-sm {
+ text-align: center !important;
+ }
+ .text-center-sm img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+/* type */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: 900;
+ line-height: 1.1;
+ color: #333333;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+p {
+ margin: 0 0 10px;
+}
+.lead {
+ margin-bottom: 20px;
+ font-size: 18px;
+}
+@media (min-width: 768px) {
+ .lead {
+ font-size: 21px;
+ }
+}
+.text-small {
+ font-size: 12px;
+}
+.text-large {
+ font-size: 18px;
+}
+.text-italic {
+ font-style: italic;
+}
+.text-primary {
+ color: #955251;
+}
+a.text-primary:hover {
+ color: #74403f;
+}
+.bg-primary {
+ color: #fff;
+ background-color: #955251;
+}
+a.bg-primary:hover {
+ background-color: #74403f;
+}
+abbr[title],
+abbr[data-original-title] {
+ border-bottom: 1px dotted #999999;
+}
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 14px;
+ border-left: 5px solid #955251;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #999999;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+ content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+ border-right: 5px solid #955251;
+}
+address {
+ margin-bottom: 20px;
+ line-height: 1.42857143;
+}
+.panel {
+ margin-bottom: 20px;
+ background-color: #ffffff;
+ border: 1px solid transparent;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 0;
+ box-shadow: 0 0 0;
+}
+.panel-heading {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 15px 15px;
+}
+.progress {
+ overflow: hidden;
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.panel-group {
+ margin-bottom: 20px;
+}
+.panel-group .panel {
+ margin-bottom: 0;
+ border-radius: 0;
+ overflow: hidden;
+}
+.panel-group .panel + .panel {
+ margin-top: 5px;
+}
+.panel-group.accordion .panel {
+ border-color: #ccc;
+}
+.panel-primary {
+ border-color: #955251;
+}
+.panel-primary > .panel-heading {
+ color: #ffffff;
+ background-color: #955251;
+ border-color: #955251;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #955251;
+}
+.panel-primary > .panel-heading .badge {
+ color: #955251;
+ background-color: #ffffff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #955251;
+}
+.panel-primary .panel-title {
+ font-weight: 300;
+}
+.panel-primary .panel-title a:hover {
+ color: #fff;
+ text-decoration: none;
+}
+a.badge:hover,
+a.badge:focus {
+ color: #ffffff;
+ text-decoration: none;
+ cursor: pointer;
+}
+a.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+ color: #955251;
+ background-color: #ffffff;
+}
+.nav-pills > li > a > .badge {
+ margin-left: 3px;
+}
+.progress-bar-primary {
+ background-color: #955251;
+}
+.progress-striped .progress-bar-primary {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+/*!
+ * Yamm!3 - Yet another megamenu for Bootstrap 3
+ * http://geedmo.github.com/yamm3
+ *
+ * @geedmo - Licensed under the MIT license
+ */
+.yamm .nav,
+.yamm .collapse,
+.yamm .dropup.use-yamm,
+.yamm .dropdown.use-yamm {
+ position: static;
+}
+.yamm .container {
+ position: relative;
+}
+.yamm .dropdown-menu {
+ left: auto;
+}
+.yamm .nav.navbar-right .dropdown-menu {
+ left: auto;
+ right: 0;
+}
+.yamm .yamm-content {
+ padding: 20px 30px;
+}
+.yamm .dropdown.yamm-fw .dropdown-menu {
+ left: 15px;
+ right: 15px;
+}
diff --git a/css/style.pink.css b/css/style.pink.css
new file mode 100755
index 0000000..cb7863d
--- /dev/null
+++ b/css/style.pink.css
@@ -0,0 +1,3557 @@
+.clearfix:before,
+.clearfix:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after {
+ content: " ";
+ display: table;
+}
+.clearfix:after,
+.navbar:after,
+.navbar-header: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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+/* general styles */
+a,
+button {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+a i.fa,
+button i.fa {
+ margin: 0 5px;
+}
+.clickable {
+ cursor: pointer !important;
+}
+.required {
+ color: #c27baa;
+}
+.accent {
+ color: #c27baa;
+}
+.text-uppercase {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .text-center-sm {
+ text-align: center;
+ }
+}
+p.lead {
+ margin-bottom: 40px;
+}
+section,
+div.section {
+ margin-bottom: 40px;
+}
+.no-mb {
+ margin-bottom: 0 !important;
+}
+.mb-small {
+ margin-bottom: 20px !important;
+}
+.heading {
+ margin-bottom: 40px;
+}
+.heading h1,
+.heading h2,
+.heading h3,
+.heading h4,
+.heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #c27baa;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+ vertical-align: middle;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.heading h1 i.fa,
+.heading h2 i.fa,
+.heading h3 i.fa,
+.heading h4 i.fa,
+.heading h5 i.fa {
+ display: inline-block;
+ background: #c27baa;
+ width: 30px;
+ height: 30px;
+ vertical-align: middle;
+ text-align: center;
+ color: #fff;
+ font-size: 12px;
+ line-height: 30px;
+ border-radius: 15px;
+}
+.icon {
+ display: inline-block;
+ width: 80px;
+ height: 80px;
+ color: #fff;
+ line-height: 80px;
+ border-radius: 40px;
+ border: solid 1px #fff;
+ font-size: 20px;
+}
+.icon.icon-lg {
+ font-size: 30px;
+ border-width: 2px;
+}
+.ul-icons {
+ padding-left: 10px;
+}
+.ul-icons li {
+ list-style-type: none;
+ line-height: 20px;
+ margin-bottom: 20px;
+}
+.ul-icons li i {
+ width: 20px;
+ height: 20px;
+ background: #c27baa;
+ color: #fff;
+ text-align: center;
+ border-radius: 10px;
+ line-height: 20px;
+ margin-right: 10px;
+}
+ul.list-style-none {
+ list-style: none;
+}
+#text-page h1,
+#text-page h2,
+#text-page h3 {
+ font-weight: 700;
+}
+#error-page {
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 100px;
+}
+#error-page h4 {
+ margin-bottom: 40px;
+}
+#error-page p.buttons {
+ margin-top: 40px;
+}
+.pages-listing .item {
+ text-align: center;
+}
+.pages-listing .item h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+ letter-spacing: 0.08em;
+}
+.pages-listing .item h3 a {
+ color: #555555;
+}
+.pages-listing .item .text {
+ margin-bottom: 20px;
+}
+.pages-listing .item .text p {
+ color: #999999;
+ font-size: 12px;
+ margin-bottom: 20px;
+}
+.banner {
+ margin-bottom: 30px;
+ text-align: center;
+}
+.banner img {
+ margin: 0 auto;
+}
+.banner a:hover img {
+ opacity: 0.8;
+ filter: alpha(opacity=80);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.pages {
+ text-align: center;
+}
+.pages .loadMore {
+ text-align: center;
+}
+.pages .pagination {
+ text-align: center;
+}
+.features-buttons button {
+ margin-bottom: 20px;
+}
+@media (min-width: 1300px) {
+ body.boxed {
+ background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png);
+ }
+ body.boxed #all {
+ position: relative;
+ background: #fff;
+ width: 1200px;
+ margin: 0 auto;
+ overflow: hidden;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ }
+}
+#top {
+ background: #555555;
+ color: #eeeeee;
+ padding: 10px 0;
+}
+#top p {
+ margin: 0;
+ font-size: 12px;
+}
+#top .social {
+ float: right;
+ text-align: right;
+}
+#top .social a {
+ color: #999999;
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ border-radius: 12px;
+ line-height: 20px;
+ font-size: 12px;
+ text-align: center;
+ vertical-align: bottom;
+}
+#top .social a:hover {
+ color: #fff;
+}
+#top .social a:hover.facebook {
+ background-color: #4460ae;
+}
+#top .social a:hover.gplus {
+ background-color: #c21f25;
+}
+#top .social a:hover.twitter {
+ background-color: #3cf;
+}
+#top .social a:hover.instagram {
+ background-color: #cd4378;
+}
+#top .social a:hover.email {
+ background-color: #4a7f45;
+}
+#top .login {
+ float: right;
+}
+#top .login a {
+ font-size: 12px;
+ color: #eeeeee;
+ margin-right: 15px;
+ text-decoration: none;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 767px) {
+ #top .login {
+ float: left;
+ }
+}
+#top.light {
+ background: #fff;
+ color: #999999;
+ border-bottom: solid 1px #eeeeee;
+}
+#top.light .login a {
+ color: #555555;
+}
+.navbar {
+ border: none;
+}
+.navbar ul.nav > li > a {
+ text-transform: uppercase;
+ text-decoration: underline;
+ font-weight: bold;
+ letter-spacing: 0.08em;
+ border-top: solid 5px transparent;
+}
+.navbar ul.nav > li > a:hover {
+ border-top: solid 5px #c27baa;
+}
+.navbar ul.nav > li.active > a,
+.navbar ul.nav > li.open > a {
+ text-decoration: none !important;
+ border-top: solid 5px #934478;
+}
+@media (max-width: 768px) {
+ .navbar ul.nav > li.active > a,
+ .navbar ul.nav > li.open > a {
+ border-top-color: transparent;
+ }
+ .navbar ul.nav > li > a:hover {
+ border-top-color: transparent;
+ }
+}
+.navbar.navbar-light ul.nav > li.active > a {
+ border-top: solid 5px #934478;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar.navbar-light ul.nav > li.active > a:hover {
+ border-top: solid 5px #934478;
+}
+.navbar.navbar-light ul.nav > li > a:hover,
+.navbar.navbar-light ul.nav > li.open > a:hover,
+.navbar.navbar-light ul.nav > li > a:focus,
+.navbar.navbar-light ul.nav > li.open > a:focus {
+ border-top: solid 5px #c27baa;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar ul.dropdown-menu {
+ margin: 0;
+ padding: 0;
+}
+.navbar ul.dropdown-menu li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 4px 0;
+}
+.navbar ul.dropdown-menu li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ left: 0;
+}
+.navbar ul.dropdown-menu li a:hover {
+ color: #c27baa;
+ text-decoration: none;
+ background: none;
+ left: 2px;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .navbar ul.dropdown-menu li a:hover {
+ left: 0;
+ }
+}
+.navbar .yamm-content h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ margin-top: 5px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 767px) {
+ .navbar .yamm-content h3 {
+ font-size: 14px;
+ }
+}
+.navbar .yamm-content h5 {
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+.navbar .yamm-content ul {
+ margin: 0;
+ padding: 0;
+}
+.navbar .yamm-content ul li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ padding: 4px 0;
+}
+.navbar .yamm-content ul li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.navbar .yamm-content ul li a:hover {
+ color: #c27baa;
+ text-decoration: none;
+ padding-left: 2px;
+}
+.navbar .yamm-content .banner {
+ margin-bottom: 10px;
+}
+.navbar .yamm-fw .dropdown-menu {
+ padding: 0;
+}
+.navbar .navbar-buttons {
+ float: right;
+}
+.navbar .navbar-buttons button,
+.navbar .navbar-buttons a.btn,
+.navbar .navbar-buttons .btn-default.navbar-toggle {
+ margin-top: 11px;
+ margin-bottom: 11px;
+ margin-left: 0;
+ margin-right: 5px;
+}
+.navbar .btn-default,
+.navbar .btn-default.navbar-toggle {
+ color: #999999;
+ background-color: #fff;
+ margin-left: 7px;
+ margin-right: 0;
+}
+.navbar .btn-default:hover,
+.navbar .btn-default.navbar-toggle:hover,
+.navbar .btn-default:focus,
+.navbar .btn-default.navbar-toggle:focus {
+ background-color: #fff;
+ border-color: #c27baa;
+ color: #c27baa;
+}
+.navbar #search {
+ clear: both;
+ border-top: solid 1px #c27baa;
+ text-align: right;
+}
+.navbar #search form {
+ float: right;
+}
+.navbar #search form .input-group {
+ width: 500px;
+}
+@media (max-width: 768px) {
+ .navbar #search form .input-group {
+ width: 100%;
+ }
+}
+.navbar #basket-overview a {
+ margin-left: 7px;
+}
+.navbar-affixed-top {
+ top: -32px;
+}
+.navbar-affixed-top.affix-top {
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+.navbar-affixed-top.affix {
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1000;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+body.boxed .navbar-affixed-top.affix {
+ position: static;
+}
+#login-modal {
+ overflow: hidden;
+}
+#login-modal .modal-header h4 {
+ text-transform: uppercase;
+}
+#login-modal form {
+ margin-bottom: 20px;
+}
+#login-modal a {
+ color: #c27baa;
+}
+#login-modal p {
+ font-weight: 300;
+ margin-bottom: 20px;
+ font-size: 13px;
+}
+/* buttons */
+.btn {
+ font-weight: 700;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 6px 12px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ border-radius: 0;
+}
+.input-group .btn {
+ font-size: 14px;
+}
+.btn-lg {
+ padding: 10px 16px;
+ font-size: 14px;
+ line-height: 1.33;
+ border-radius: 0;
+}
+.btn-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-xs {
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-template-main {
+ color: #c27baa;
+ background-color: #ffffff;
+ border-color: #c27baa;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ color: #c27baa;
+ background-color: #e6e6e6;
+ border-color: #af518f;
+}
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ background-image: none;
+}
+.btn-template-main.disabled,
+.btn-template-main[disabled],
+fieldset[disabled] .btn-template-main,
+.btn-template-main.disabled:hover,
+.btn-template-main[disabled]:hover,
+fieldset[disabled] .btn-template-main:hover,
+.btn-template-main.disabled:focus,
+.btn-template-main[disabled]:focus,
+fieldset[disabled] .btn-template-main:focus,
+.btn-template-main.disabled:active,
+.btn-template-main[disabled]:active,
+fieldset[disabled] .btn-template-main:active,
+.btn-template-main.disabled.active,
+.btn-template-main[disabled].active,
+fieldset[disabled] .btn-template-main.active {
+ background-color: #ffffff;
+ border-color: #c27baa;
+}
+.btn-template-main .badge {
+ color: #ffffff;
+ background-color: #c27baa;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active {
+ background: #c27baa;
+ color: #ffffff;
+ border-color: #c27baa;
+}
+.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ background-image: none;
+}
+.btn-template-transparent-primary.disabled,
+.btn-template-transparent-primary[disabled],
+fieldset[disabled] .btn-template-transparent-primary,
+.btn-template-transparent-primary.disabled:hover,
+.btn-template-transparent-primary[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-primary:hover,
+.btn-template-transparent-primary.disabled:focus,
+.btn-template-transparent-primary[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-primary:focus,
+.btn-template-transparent-primary.disabled:active,
+.btn-template-transparent-primary[disabled]:active,
+fieldset[disabled] .btn-template-transparent-primary:active,
+.btn-template-transparent-primary.disabled.active,
+.btn-template-transparent-primary[disabled].active,
+fieldset[disabled] .btn-template-transparent-primary.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active {
+ background: #fff;
+ color: #c27baa;
+ border-color: #fff;
+}
+.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ background-image: none;
+}
+.btn-template-transparent-black.disabled,
+.btn-template-transparent-black[disabled],
+fieldset[disabled] .btn-template-transparent-black,
+.btn-template-transparent-black.disabled:hover,
+.btn-template-transparent-black[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-black:hover,
+.btn-template-transparent-black.disabled:focus,
+.btn-template-transparent-black[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-black:focus,
+.btn-template-transparent-black.disabled:active,
+.btn-template-transparent-black[disabled]:active,
+fieldset[disabled] .btn-template-transparent-black:active,
+.btn-template-transparent-black.disabled.active,
+.btn-template-transparent-black[disabled].active,
+fieldset[disabled] .btn-template-transparent-black.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active {
+ background: #fff;
+ color: #000;
+ border-color: #fff;
+}
+.btn-template-primary {
+ color: #ffffff;
+ background-color: #c27baa;
+ border-color: #c27baa;
+}
+.btn-template-primary:hover,
+.btn-template-primary:focus,
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ color: #ffffff;
+ background-color: #b25894;
+ border-color: #af518f;
+}
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ background-image: none;
+}
+.btn-template-primary.disabled,
+.btn-template-primary[disabled],
+fieldset[disabled] .btn-template-primary,
+.btn-template-primary.disabled:hover,
+.btn-template-primary[disabled]:hover,
+fieldset[disabled] .btn-template-primary:hover,
+.btn-template-primary.disabled:focus,
+.btn-template-primary[disabled]:focus,
+fieldset[disabled] .btn-template-primary:focus,
+.btn-template-primary.disabled:active,
+.btn-template-primary[disabled]:active,
+fieldset[disabled] .btn-template-primary:active,
+.btn-template-primary.disabled.active,
+.btn-template-primary[disabled].active,
+fieldset[disabled] .btn-template-primary.active {
+ background-color: #c27baa;
+ border-color: #c27baa;
+}
+.btn-template-primary .badge {
+ color: #c27baa;
+ background-color: #ffffff;
+}
+#intro {
+ background: url('../img/home.jpg') no-repeat center top;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+#intro .item {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ height: 100%;
+}
+#intro .item h1 {
+ text-transform: uppercase;
+ font-size: 50px;
+ color: #fff;
+ margin-bottom: 40px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #intro .item h1 {
+ font-size: 40px;
+ }
+}
+@media (max-width: 767px) {
+ #intro .item h1 {
+ font-size: 25px;
+ }
+}
+#intro .item h3 {
+ color: #fff;
+ margin-bottom: 40px;
+}
+@media (max-width: 767px) {
+ #intro .item h3 {
+ font-size: 15px;
+ margin-bottom: 20px;
+ }
+}
+#intro .item .btn {
+ text-transform: none;
+}
+@media (max-width: 991px) {
+ #intro .item .btn {
+ font-size: 14px;
+ }
+}
+@media (max-width: 991px) {
+ #intro .item .carousel-caption {
+ left: 10%;
+ right: 10%;
+ }
+}
+#intro .container,
+#intro .row {
+ height: 100%;
+ position: relative;
+}
+.jumbotron {
+ padding: 30px;
+ margin-bottom: 0;
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.jumbotron .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #c27baa;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3,
+.jumbotron p,
+.jumbotron ul {
+ color: #fff;
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3 {
+ color: #ffffff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.jumbotron p {
+ margin-bottom: 20px;
+ font-size: 21px;
+ font-weight: 400;
+}
+.jumbotron p.text-uppercase {
+ font-weight: 700;
+}
+.jumbotron > hr {
+ border-top-color: #d5d5d5;
+}
+.container .jumbotron {
+ border-radius: 0;
+}
+.jumbotron .container {
+ max-width: 100%;
+ z-index: 2;
+}
+@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: 46px;
+ }
+}
+#categoryMenu h3 {
+ padding: 20px;
+ background: #f7f7f7;
+ margin: 0;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu h3 {
+ padding: 5px 0;
+ margin: 0;
+}
+.panel.sidebar-menu {
+ background: #fff;
+ margin: 0 0 20px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.panel.sidebar-menu .panel-heading {
+ text-transform: uppercase;
+ margin-bottom: 10px;
+ background: none;
+ padding: 0;
+ letter-spacing: 0.08em;
+ border-bottom: none;
+}
+.panel.sidebar-menu .panel-heading h1,
+.panel.sidebar-menu .panel-heading h2,
+.panel.sidebar-menu .panel-heading h3,
+.panel.sidebar-menu .panel-heading h4,
+.panel.sidebar-menu .panel-heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #c27baa;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+}
+.panel.sidebar-menu .panel-heading .btn.btn-danger {
+ color: #fff;
+ margin-top: 5px;
+}
+.panel.sidebar-menu .panel-body {
+ padding: 0;
+}
+.panel.sidebar-menu .panel-body span.colour {
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ border: solid 1px #555555;
+ vertical-align: top;
+ margin-top: 2px;
+ margin-left: 5px;
+}
+.panel.sidebar-menu .panel-body span.colour.white {
+ background: #fff;
+}
+.panel.sidebar-menu .panel-body span.colour.red {
+ background: red;
+}
+.panel.sidebar-menu .panel-body span.colour.green {
+ background: green;
+}
+.panel.sidebar-menu .panel-body span.colour.blue {
+ background: blue;
+}
+.panel.sidebar-menu .panel-body span.colour.yellow {
+ background: yellow;
+}
+.panel.sidebar-menu .panel-body label {
+ color: #999999;
+ font-size: 12px;
+}
+.panel.sidebar-menu .panel-body label:hover {
+ color: #555555;
+}
+.panel.sidebar-menu ul.nav.category-menu {
+ margin-bottom: 20px;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu ul.nav.category-menu li a {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.panel.sidebar-menu ul.nav ul {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.nav ul li {
+ display: block;
+}
+.panel.sidebar-menu ul.nav ul li a {
+ position: relative;
+ font-family: "Times New Roman", Times, serif;
+ font-weight: normal;
+ text-transform: none !important;
+ display: block;
+ padding: 10px 15px;
+ padding-left: 30px;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.nav ul li a:hover,
+.panel.sidebar-menu ul.nav ul li a:focus {
+ text-decoration: none;
+ background-color: #eeeeee;
+}
+.panel.sidebar-menu ul.tag-cloud {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.tag-cloud li {
+ display: inline-block;
+}
+.panel.sidebar-menu ul.tag-cloud li a {
+ display: inline-block;
+ padding: 5px;
+ border: solid 1px #eeeeee;
+ border-radius: 0;
+ color: #c27baa;
+ margin: 5px 5px 5px 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 700;
+ font-size: 12px;
+}
+.panel.sidebar-menu ul.tag-cloud li a:hover {
+ color: #c27baa;
+ text-decoration: none;
+ border-color: #c27baa;
+}
+.panel.sidebar-menu ul.popular,
+.panel.sidebar-menu ul.recent {
+ list-style: none;
+ padding-left: 0;
+ padding: 20px 0;
+}
+.panel.sidebar-menu ul.popular li,
+.panel.sidebar-menu ul.recent li {
+ margin-bottom: 10px;
+ padding: 5px 0;
+ border-bottom: dotted 1px #eeeeee;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li img,
+.panel.sidebar-menu ul.recent li img {
+ width: 50px;
+ margin-right: 10px;
+}
+.panel.sidebar-menu ul.popular li h5,
+.panel.sidebar-menu ul.recent li h5 {
+ margin: 0 0 10px;
+}
+.panel.sidebar-menu ul.popular li h5 a,
+.panel.sidebar-menu ul.recent li h5 a {
+ font-weight: normal;
+}
+.panel.sidebar-menu ul.popular li p.date,
+.panel.sidebar-menu ul.recent li p.date {
+ float: right;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.popular li:last-child,
+.panel.sidebar-menu ul.recent li:last-child {
+ border-bottom: none;
+}
+.panel.sidebar-menu .text-widget {
+ font-size: 12px;
+}
+.panel.sidebar-menu.with-icons ul.nav li a:after {
+ font-family: 'FontAwesome';
+ content: "\f105";
+ position: relative;
+ top: 0;
+ float: right;
+}
+/* ribbons for product sales etc. */
+.ribbon {
+ position: absolute;
+ top: 50px;
+ padding-left: 51px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.ribbon .ribbon-background {
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.ribbon .theribbon {
+ position: relative;
+ width: 80px;
+ padding: 6px 20px 6px 20px;
+ margin: 30px 10px 10px -71px;
+ color: #fff;
+ background-color: #c27baa;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.ribbon .theribbon:before,
+.ribbon .theribbon:after {
+ content: ' ';
+ position: absolute;
+ width: 0;
+ height: 0;
+}
+.ribbon .theribbon:after {
+ left: 0px;
+ top: 100%;
+ border-width: 5px 10px;
+ border-style: solid;
+ border-color: #000000 #000000 transparent transparent;
+}
+.ribbon.sale {
+ top: 0;
+}
+.ribbon.new {
+ top: 50px;
+}
+.ribbon.new .theribbon {
+ background-color: #5bc0de;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.new .theribbon:after {
+ border-color: #2390b0 #2390b0 transparent transparent;
+}
+.ribbon.gift {
+ top: 100px;
+}
+.ribbon.gift .theribbon {
+ background-color: #5cb85c;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.gift .theribbon:after {
+ border-color: #357935 #357935 transparent transparent;
+}
+.owl-carousel .owl-controls .owl-page.active span,
+.owl-theme .owl-controls .owl-page.active span,
+.owl-carousel .owl-controls.clickable .owl-page:hover span,
+.owl-theme .owl-controls.clickable .owl-page:hover span {
+ background: #c27baa;
+}
+.owl-carousel .owl-controls .owl-buttons,
+.owl-theme .owl-controls .owl-buttons {
+ position: absolute;
+ top: 5px;
+ right: 0;
+}
+.owl-carousel .owl-controls .owl-buttons div,
+.owl-theme .owl-controls .owl-buttons div {
+ width: 26px;
+ height: 26px;
+ line-height: 25px;
+ margin: 0 5px 0 0;
+ font-size: 18px;
+ color: #c27baa;
+ padding: 0;
+ background: #fff;
+ border-radius: 13px;
+ vertical-align: middle;
+ text-align: center;
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+.home-carousel {
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.home-carousel .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #c27baa;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.home-carousel .owl-carousel {
+ padding-top: 60px;
+ padding-bottom: 20px;
+}
+.home-carousel .owl-theme .owl-controls .owl-page span {
+ background: #666;
+}
+.home-carousel .owl-theme .owl-controls .owl-page.active span {
+ background: #fff;
+}
+.home-carousel .owl-theme .owl-controls .owl-page:hover span {
+ background: #fff;
+}
+@media (max-width: 767px) {
+ .home-carousel {
+ text-align: center !important;
+ }
+}
+@media (min-width: 992px) {
+ .home-carousel .right {
+ text-align: right;
+ }
+}
+.home-carousel h1,
+.home-carousel h2,
+.home-carousel h3,
+.home-carousel p,
+.home-carousel ul {
+ color: #fff;
+}
+.home-carousel h1 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 46px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .home-carousel h1 {
+ font-size: 36px;
+ }
+}
+.home-carousel h2 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 40px;
+ letter-spacing: 0.08em;
+}
+.home-carousel ul,
+.home-carousel p {
+ font-size: 18px;
+ font-weight: 700;
+ padding: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 991px) {
+ .home-carousel ul,
+ .home-carousel p {
+ font-size: 14px;
+ }
+}
+.home-carousel ul li {
+ margin-bottom: 10px;
+}
+.customers {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.customers .item {
+ list-style-type: none;
+ text-align: center;
+ margin: 0 20px;
+}
+.customers .item img {
+ display: inline-block;
+ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+ /* Firefox 10+, Firefox on Android */
+ filter: gray;
+ /* IE6-9 */
+ -webkit-filter: grayscale(100%);
+ /* Chrome 19+, Safari 6+, Safari 6+ iOS */
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.customers .item img:hover {
+ max-width: auto;
+ filter: none;
+ -webkit-filter: none;
+}
+.testimonials {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.testimonials .item {
+ list-style-type: none;
+ margin: 0 5px;
+ background: #fff;
+ padding-bottom: 60px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.testimonials .item .testimonial {
+ position: relative;
+ padding: 20px;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial .text {
+ color: #999999;
+ margin-bottom: 40px;
+}
+.testimonials .item .testimonial .bottom {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px;
+ height: 50px;
+}
+.testimonials .item .testimonial .bottom .icon {
+ color: #c27baa;
+ font-size: 30px;
+ float: left;
+ width: 20%;
+}
+.testimonials .item .testimonial .name-picture {
+ float: right;
+ width: 80%;
+ text-align: right;
+}
+.testimonials .item .testimonial .name-picture h5 {
+ font-size: 14px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.testimonials .item .testimonial .name-picture p {
+ color: #999999;
+ margin: 0;
+ font-size: 12px;
+}
+.testimonials .item .testimonial .name-picture img {
+ float: right;
+ width: 60px;
+ border-radius: 30px;
+ margin-left: 10px;
+}
+.team-member {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.team-member h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ letter-spacing: 0.08em;
+}
+.team-member h3 a {
+ color: #555555;
+}
+.team-member p.role {
+ color: #999999;
+ font-size: 12px;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.team-member .social {
+ margin-bottom: 20px;
+}
+.team-member .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email {
+ background-color: #4a7f45;
+}
+.team-member .text p {
+ color: #999999;
+ font-size: 12px;
+}
+.team-member .social,
+.team-member-detail .social {
+ margin-bottom: 20px;
+}
+.team-member .social a,
+.team-member-detail .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i,
+.team-member-detail .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook,
+.team-member-detail .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus,
+.team-member-detail .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter,
+.team-member-detail .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram,
+.team-member-detail .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email,
+.team-member-detail .social a.email {
+ background-color: #4a7f45;
+}
+.box-simple {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.box-simple .icon {
+ color: #c27baa;
+ border-color: #c27baa;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.box-simple h3 {
+ font-weight: normal;
+ font-size: 18px;
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-simple h3 a {
+ color: #555555;
+}
+.box-simple p {
+ color: #999999;
+}
+.box-simple:hover .icon {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.box-simple:hover .icon i {
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+}
+.box-simple.box-white {
+ padding: 20px;
+ border: dotted 1px #999999;
+}
+.box-simple.box-white .icon {
+ color: #555555;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark {
+ padding: 20px;
+ border: dotted 1px #999999;
+ background: #555555;
+ color: #fff;
+}
+.box-simple.box-dark .icon {
+ color: #f7f7f7;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark h3 {
+ color: #fff;
+}
+.box-simple.box-dark h3 a {
+ color: #fff;
+}
+.box-simple.box-dark p {
+ color: #fff;
+}
+.box-image {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #c27baa;
+}
+.box-image .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+.box-image-text {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image-text .top {
+ position: relative;
+ margin-bottom: 10px;
+}
+.box-image-text .top .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #c27baa;
+}
+.box-image-text .top .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .top .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image-text .top .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image-text .top .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .content h3,
+.box-image-text .content h4 {
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-image-text .content p {
+ color: #999999;
+}
+.box-image-text:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image-text:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image-text:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+/* universal box */
+.box {
+ background: #fff;
+ margin: 0 0 30px;
+ border: solid 1px #ccc;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px 0;
+ border-left: none;
+ border-right: none;
+}
+.box .box-header {
+ background: #f7f7f7;
+ margin: -20px 0 20px;
+ padding: 20px;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-footer {
+ background: #f7f7f7;
+ margin: 30px 0 -20px;
+ padding: 20px;
+ border-top: solid 1px #eeeeee;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+@media (max-width: 991px) {
+ .box .box-footer .btn {
+ margin-bottom: 20px;
+ }
+}
+.box.no-border {
+ border: none;
+}
+#heading-breadcrumbs {
+ background: url('../img/texture-bw.png') center center repeat;
+ padding: 20px 0;
+ margin-bottom: 40px;
+}
+#heading-breadcrumbs.no-mb {
+ margin-bottom: 0;
+}
+#heading-breadcrumbs h1 {
+ color: #333333;
+ text-transform: uppercase;
+ font-size: 30px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #heading-breadcrumbs h1 {
+ text-align: center;
+ }
+}
+#heading-breadcrumbs ul.breadcrumb {
+ margin-top: 5px;
+ margin-bottom: 0;
+}
+.bar {
+ position: relative;
+ background: #c27baa;
+ padding: 60px 0;
+}
+.bar.background-pentagon {
+ background: url('../img/texture-bw.png') center center repeat;
+ border-top: solid 1px #999999;
+ border-bottom: solid 1px #999999;
+}
+.bar.background-gray {
+ background: #eeeeee;
+}
+.bar.background-gray-dark {
+ background: #555555;
+}
+.bar.background-white {
+ background: #fff;
+}
+.bar.background-image-fixed-1 {
+ background: url('../img/fixed-background-1.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.background-image-fixed-2 {
+ background: url('../img/fixed-background-2.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.color-white h1,
+.bar.color-white h2,
+.bar.color-white h3,
+.bar.color-white h4,
+.bar.color-white h5,
+.bar.color-white h6,
+.bar.color-white p {
+ color: #fff;
+}
+.bar.padding-big {
+ padding: 50px 0;
+}
+.bar.padding-horizontal {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+.bar.margin-vertical {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.bar .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+}
+.portfolio.no-space {
+ padding: 0 15px;
+}
+.portfolio.no-space .box-image {
+ margin: 0 -15px;
+}
+.portfolio-project .project-more h4 {
+ color: #555555;
+ text-transform: uppercase;
+ margin-bottom: 0;
+ text-align: left;
+ font-size: 14px;
+ letter-spacing: 0.08em;
+}
+.portfolio-project .project-more p {
+ color: #999999;
+ padding: 10px 0;
+ margin-bottom: 20px;
+ text-align: left;
+}
+.portfolio-showcase {
+ margin: 15px 0 60px;
+}
+.portfolio-showcase h3 a {
+ text-transform: uppercase;
+ line-height: 1.5;
+ letter-spacing: 0.08em;
+}
+.portfolio-showcase p.lead {
+ color: #555555;
+ margin-bottom: 20px;
+}
+.portfolio-showcase p {
+ color: #999999;
+}
+.portfolio-showcase p.buttons {
+ margin-top: 40px;
+}
+.see-more {
+ text-align: center;
+ margin-top: 20px;
+ padding-top: 20px;
+}
+.see-more p {
+ font-size: 28px;
+ font-weight: 100;
+ margin-bottom: 20px;
+}
+.showcase .item {
+ text-align: center;
+}
+.showcase .item .icon {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ color: #555555;
+ line-height: 50px;
+ border-radius: 25px;
+ border: solid 1px #555555;
+}
+.showcase .item h4 {
+ color: #555555;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ line-height: 1.5;
+ font-size: 16px;
+}
+.showcase .item h4 span {
+ font-weight: bold;
+ font-size: 51px;
+}
+.packages .package {
+ background: #fff;
+ margin-top: 25px;
+ margin-bottom: 20px;
+ padding-bottom: 15px;
+ text-align: center;
+ border: solid 1px #c27baa;
+ overflow: hidden;
+}
+.packages .package .package-header {
+ height: 57px;
+ color: #fff;
+ line-height: 57px;
+ background: #c27baa;
+}
+.packages .package .package-header h5 {
+ color: #fff;
+ text-transform: uppercase;
+ font-weight: bold;
+ line-height: 57px;
+ margin: 0;
+ letter-spacing: 0.08em;
+}
+.packages .package .package-header.light-gray {
+ background: #eeeeee;
+}
+.packages .package .package-header.light-gray h5 {
+ color: #555555;
+}
+.packages .package .price {
+ line-height: 120px;
+ height: 100px;
+ color: #fff;
+ font-weight: 400;
+}
+.packages .package .price h4 {
+ display: inline;
+ font-size: 50px;
+ line-height: normal;
+ margin-bottom: 0;
+}
+.packages .package .price .period {
+ line-height: normal;
+ color: #999999;
+}
+.packages .package ul {
+ padding: 0;
+}
+.packages .package ul li {
+ list-style-type: none;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ width: 80%;
+ margin: auto;
+ border-bottom: 1px dotted #ccc;
+}
+.packages .package ul li:last-child {
+ border-bottom: 0;
+}
+.packages .package ul li i {
+ font-size: 13px;
+ margin-right: 5px;
+}
+.packages .best-value .package {
+ margin-top: 0;
+ padding-bottom: 40px;
+}
+.packages .best-value .package .package-header {
+ height: 72px;
+ padding-top: 17px;
+ height: 82px !important;
+}
+.packages .best-value .package .package-header h5 {
+ font-weight: bold;
+ line-height: 29px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.packages .best-value .package .package-header .meta-text {
+ font-size: 13px;
+ line-height: 15px;
+}
+#map {
+ height: 300px;
+}
+#map.with-border {
+ border-top: solid 1px #c27baa;
+ border-bottom: solid 1px #c27baa;
+}
+#blog-listing-big .post,
+#blog-homepage .post {
+ margin-bottom: 60px;
+}
+#blog-listing-big .post h2,
+#blog-homepage .post h2,
+#blog-listing-big .post h4,
+#blog-homepage .post h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post h2 a,
+#blog-homepage .post h2 a,
+#blog-listing-big .post h4 a,
+#blog-homepage .post h4 a {
+ color: #555555;
+}
+#blog-listing-big .post h2 a:hover,
+#blog-homepage .post h2 a:hover,
+#blog-listing-big .post h4 a:hover,
+#blog-homepage .post h4 a:hover {
+ color: #c27baa;
+}
+#blog-listing-big .post .author-category,
+#blog-homepage .post .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post .author-category a,
+#blog-homepage .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-big .post .date-comments a,
+#blog-homepage .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-big .post .date-comments a:hover,
+#blog-homepage .post .date-comments a:hover {
+ color: #c27baa;
+}
+@media (min-width: 768px) {
+ #blog-listing-big .post .date-comments,
+ #blog-homepage .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-big .post .intro,
+#blog-homepage .post .intro {
+ text-align: left;
+}
+#blog-listing-big .post .image,
+#blog-homepage .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-big .post .image img,
+#blog-homepage .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-big .post .image img.img-responsive,
+ #blog-homepage .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-big .post .video,
+#blog-homepage .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-big .post .read-more,
+#blog-homepage .post .read-more {
+ text-align: right;
+}
+#blog-listing-medium .post {
+ margin-bottom: 60px;
+}
+#blog-listing-medium .post h2 {
+ text-transform: uppercase;
+ margin: 0 0 10px;
+ font-size: 24px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post h2 a {
+ color: #555555;
+}
+#blog-listing-medium .post h2 a:hover {
+ color: #c27baa;
+}
+#blog-listing-medium .post .author-category {
+ float: left;
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ font-size: 12px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-medium .post .date-comments {
+ float: right;
+ font-size: 12px;
+}
+#blog-listing-medium .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-medium .post .date-comments a:hover {
+ color: #c27baa;
+}
+@media (min-width: 768px) {
+ #blog-listing-medium .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-medium .post .intro {
+ text-align: left;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-medium .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-medium .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-medium .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-medium .post .read-more {
+ text-align: right;
+}
+.box-image-text.blog .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 300;
+ font-size: 12px;
+}
+.box-image-text.blog .author-category a {
+ font-weight: 500;
+}
+.box-image-text.blog .intro {
+ text-align: left;
+ margin-bottom: 20px;
+}
+#blog-homepage .post {
+ margin-bottom: 30px;
+}
+#blog-homepage .post h2,
+#blog-homepage .post h4,
+#blog-homepage .post .author-category,
+#blog-homepage .post .read-more {
+ text-align: center;
+}
+#blog-homepage .post .read-more {
+ margin-top: 20px;
+}
+#blog-post #post-content {
+ margin-bottom: 20px;
+}
+#blog-post .comment {
+ margin-bottom: 25px;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment .posted {
+ color: #999999;
+ font-size: 12px;
+}
+#blog-post .comment .reply {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#blog-post .comment.last {
+ margin-bottom: 0;
+}
+#blog-post #comments,
+#blog-post #comment-form {
+ padding: 20px 0;
+ margin-top: 20px;
+ border-top: solid 1px #eeeeee;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments h4,
+#blog-post #comment-form h4 {
+ margin-bottom: 20px;
+}
+#blog-post #comment-form {
+ margin-bottom: 20px;
+}
+.product {
+ background: #fff;
+ border-bottom: solid 1px #e6e6e6;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 60px;
+ overflow: hidden;
+ text-align: center;
+}
+.product .image {
+ overflow: hidden;
+}
+.product .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .product .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+.product .text {
+ padding: 10px;
+}
+.product .text h3 {
+ font-size: 14px;
+ font-weight: 700;
+ height: 39.6px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.product .text h3 a {
+ color: #555555;
+}
+.product .text h3 a:hover {
+ text-decoration: none;
+}
+.product .text p.price {
+ font-size: 18px;
+}
+.product .text p.price del {
+ color: #999999;
+}
+.product .buttons {
+ clear: both;
+ position: absolute;
+ display: none;
+ bottom: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ border: solid 1px transparent;
+ padding: 20px;
+ background: rgba(255, 255, 255, 0.9);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ text-align: center;
+}
+.product .buttons .btn {
+ margin-bottom: 20px;
+}
+.product:hover {
+ border-bottom: solid 1px #808080;
+ top: 0;
+}
+.product:hover .buttons {
+ clear: both;
+ position: absolute;
+ top: 0;
+ background: rgba(255, 255, 255, 0.5);
+}
+.product:hover .image img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.goToDescription {
+ font-size: 12px;
+ text-align: center;
+ margin-bottom: 40px;
+}
+.goToDescription a {
+ color: #999999;
+ text-decoration: underline;
+}
+#productMain {
+ margin-bottom: 30px;
+}
+#productMain .sizes {
+ text-align: center;
+}
+#productMain .sizes h3 {
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ margin-bottom: 40px;
+}
+#productMain .sizes a {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ border-radius: 40px;
+ background: #ccc;
+ line-height: 40px;
+ color: #555555;
+ text-align: center;
+ text-decoration: none;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#productMain .sizes a.active,
+#productMain .sizes a:hover {
+ background: #c27baa;
+ color: #fff;
+}
+#productMain .sizes input {
+ display: none;
+}
+#productMain .price {
+ font-size: 40px;
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 40px;
+}
+#thumbs a {
+ display: block;
+ border: solid 1px transparent;
+}
+#thumbs a.active {
+ border-color: #c27baa;
+}
+#product-social {
+ text-align: center;
+}
+#product-social h4 {
+ font-weight: 300;
+ margin-bottom: 10px;
+}
+#product-social p {
+ line-height: 26px;
+}
+#product-social p a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+#product-social p a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+#product-social p a.facebook {
+ background-color: #4460ae;
+}
+#product-social p a.gplus {
+ background-color: #c21f25;
+}
+#product-social p a.twitter {
+ background-color: #3cf;
+}
+#product-social p a.instagram {
+ background-color: #cd4378;
+}
+#product-social p a.email {
+ background-color: #4a7f45;
+}
+@media (max-width: 991px) {
+ #product-social {
+ text-align: center;
+ }
+}
+#checkout .nav {
+ margin-bottom: 20px;
+ border-bottom: solid 1px #c27baa;
+}
+#checkout .nav li {
+ height: 100%;
+}
+#checkout .nav li a {
+ display: block;
+ height: 100%;
+}
+#order-summary table {
+ margin-top: 20px;
+}
+#order-summary table td {
+ color: #999999;
+}
+#order-summary table tr.total td,
+#order-summary table tr.total th {
+ font-size: 18px;
+ color: #555555;
+ font-weight: 700;
+}
+#checkout .table tbody tr td,
+#basket .table tbody tr td,
+#customer-order .table tbody tr td {
+ vertical-align: middle;
+}
+#checkout .table tbody tr td input,
+#basket .table tbody tr td input,
+#customer-order .table tbody tr td input {
+ width: 50px;
+ text-align: right;
+}
+#checkout .table tbody tr td img,
+#basket .table tbody tr td img,
+#customer-order .table tbody tr td img {
+ width: 50px;
+}
+#checkout .table tfoot,
+#basket .table tfoot,
+#customer-order .table tfoot {
+ font-size: 18px;
+}
+.shipping-method h4,
+.payment-method h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#customer-orders table tr th,
+#customer-orders table tr td {
+ vertical-align: baseline;
+}
+#customer-order .table tfoot th {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-order .addresses {
+ text-align: right;
+ margin-bottom: 30px;
+}
+#customer-order .addresses p {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-account {
+ margin-bottom: 30px;
+}
+#get-it {
+ background: #c27baa;
+ padding: 50px 0 30px;
+ color: #fff;
+ text-align: center;
+}
+#get-it h1,
+#get-it h2,
+#get-it h3,
+#get-it h4,
+#get-it h5,
+#get-it h6 {
+ color: #fff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ margin: 0 0 20px;
+}
+#get-it p {
+ margin: 0 0 20px;
+}
+#footer {
+ background: #555555;
+ padding: 50px 0;
+ color: #999999;
+}
+#footer h1,
+#footer h2,
+#footer h3,
+#footer h4,
+#footer h5,
+#footer h6 {
+ color: #eeeeee;
+}
+#footer h4 {
+ font-size: 14px;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#footer ul {
+ padding-left: 0;
+ list-style: none;
+}
+#footer ul a {
+ color: #999999;
+}
+#footer ul a:hover {
+ color: #c27baa;
+ text-decoration: none;
+}
+#footer .photostream div {
+ float: left;
+ display: block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 33%;
+ padding: 7.5px;
+ overflow: hidden;
+}
+#footer .photostream div a {
+ border: solid 1 px #eeeeee;
+}
+#footer .photostream div img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+#footer .photostream div:hover img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+#footer .blog-entries .item {
+ clear: both;
+ padding: 5px 0;
+ margin-bottom: 10px;
+ border-bottom: solid 1px #555555;
+}
+#footer .blog-entries .item .image {
+ float: left;
+ width: 15%;
+ margin-right: 10px;
+}
+#footer .blog-entries .item .name {
+ width: 75%;
+ margin-left: 10px;
+ display: table-cell;
+ vertical-align: middle;
+}
+#footer .blog-entries .item .name h5 {
+ margin: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-size: 12px;
+}
+#footer .blog-entries .item .name h5 a {
+ color: #eeeeee;
+}
+#footer .blog-entries .item .text {
+ width: 100%;
+ clear: both;
+}
+#footer .blog-entries .item:last-child {
+ border-bottom: none;
+ margin-bottom: 0;
+}
+#footer .social a {
+ color: #555555;
+ font-size: 25px;
+ margin: 0 10px 0 0;
+}
+#footer .social a:hover {
+ color: #c27baa;
+}
+#copyright {
+ background: #333;
+ color: #ccc;
+ padding: 50px 0;
+ font-size: 12px;
+ line-height: 28px;
+}
+#copyright p {
+ margin: 0;
+}
+@media (max-width: 991px) {
+ #copyright p {
+ float: none !important;
+ text-align: center;
+ margin-bottom: 10px;
+ }
+}
+[data-animate] {
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+#style-switch-button {
+ position: fixed;
+ top: 100px;
+ left: 0px;
+ border-radius: 0;
+}
+#style-switch {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 300px;
+ padding: 20px;
+ position: fixed;
+ top: 140px;
+ left: 0;
+ background: #fff;
+ border: solid 1px #eeeeee;
+}
+@media (max-width: 991px) {
+ #style-switch-button {
+ display: none;
+ }
+ #style-switch {
+ display: none;
+ }
+}
+/* Original Boostrap template overwrite */
+/* breadcrumbs */
+.breadcrumb {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ background-color: none;
+ letter-spacing: 0.08em;
+}
+/* nav */
+.nav > li > a {
+ padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+ background-color: #eeeeee;
+}
+.nav > li.disabled > a {
+ color: #999999;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+ color: #999999;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+ background-color: #eeeeee;
+ border-color: #c27baa;
+}
+.nav-tabs {
+ border-bottom: 1px solid #c27baa;
+}
+.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: 0 0 0 0;
+}
+.nav-tabs > li > a:hover {
+ border-color: #eeeeee #eeeeee #c27baa;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+ color: #555555;
+ background-color: #ffffff;
+ border: 1px solid #c27baa;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+.nav-tabs.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #c27baa;
+ 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;
+}
+.nav-tabs.nav-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+ border: 1px solid #c27baa;
+}
+@media (min-width: 768px) {
+ .nav-tabs.nav-justified > li > a {
+ border-bottom: 1px solid #c27baa;
+ border-radius: 0 0 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: #ffffff;
+ }
+}
+.nav-pills > li {
+ float: left;
+}
+.nav-pills > li > a {
+ border-radius: 0;
+}
+.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: #ffffff;
+ background-color: #c27baa;
+}
+.nav-stacked > li {
+ float: none;
+}
+.nav-stacked > li + li {
+ margin-top: 2px;
+ margin-left: 0;
+}
+.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #c27baa;
+}
+.nav-justified > li {
+ float: none;
+}
+.nav-justified > li > a {
+ text-align: center;
+ /*margin-bottom: 5px;*/
+}
+.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
+}
+.nav-tabs-justified {
+ border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+ border: 1px solid #c27baa;
+}
+@media (min-width: 768px) {
+ .nav-tabs-justified > li > a {
+ border-bottom: 1px solid #c27baa;
+ border-radius: 0 0 0 0;
+ }
+ .nav-tabs-justified > .active > a,
+ .nav-tabs-justified > .active > a:hover,
+ .nav-tabs-justified > .active > a:focus {
+ border-bottom-color: #ffffff;
+ }
+}
+.tab-content {
+ padding: 15px;
+ border: solid 1px #ddd;
+ border-top: none;
+}
+/* navbar */
+.navbar {
+ position: relative;
+ min-height: 62px;
+ margin-bottom: 0;
+ border-bottom: 1px solid transparent;
+}
+@media (min-width: 768px) {
+ .navbar {
+ border-radius: 0px;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-header {
+ float: left;
+ }
+}
+.navbar-collapse {
+ overflow-x: visible;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+.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;
+ }
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-affixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+ max-height: 340px;
+}
+@media (max-width: 480px) and (orientation: landscape) {
+ .navbar-fixed-top .navbar-collapse,
+ .navbar-affixed-top .navbar-collapse,
+ .navbar-fixed-bottom .navbar-collapse {
+ max-height: 200px;
+ }
+}
+.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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+@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: 10px 15px;
+ font-size: 18px;
+ line-height: 20px;
+ height: 62px;
+}
+.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: 14px;
+ margin-bottom: 14px;
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 0;
+}
+.navbar-toggle:focus {
+ outline: 0;
+}
+.navbar-nav {
+ margin: 10.5px -15px;
+}
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
+}
+@media (max-width: 767px) {
+ .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: 21px;
+ padding-bottom: 21px;
+ }
+ .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, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ margin-top: 14px;
+ margin-bottom: 14px;
+}
+@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: 14px;
+ margin-bottom: 14px;
+}
+.navbar-btn.btn-sm {
+ margin-top: 16px;
+ margin-bottom: 16px;
+}
+.navbar-btn.btn-xs {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.navbar-text {
+ margin-top: 21px;
+ margin-bottom: 21px;
+}
+@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: #ffffff;
+ border-color: #cccccc;
+ border-bottom: none;
+}
+.navbar-default .navbar-brand {
+ color: #555555;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+ color: #3b3b3b;
+ background-color: transparent;
+}
+.navbar-default .navbar-text {
+ color: #777777;
+}
+.navbar-default .navbar-nav > li > a {
+ color: #555555;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+ color: #555555;
+ background-color: #e2c1d7;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: #ffffff;
+ background-color: #c27baa;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+ color: #cccccc;
+ background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+ border-color: #dddddd;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+ background-color: #c27baa;
+}
+.navbar-default .navbar-toggle .icon-bar {
+ background-color: #888888;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+ border-color: #cccccc;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+ background-color: #c27baa;
+ color: #ffffff;
+}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+ color: #555555;
+ }
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #c27baa;
+ }
+ .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: #ffffff;
+ background-color: #c27baa;
+ }
+ .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: #cccccc;
+ background-color: transparent;
+ }
+}
+.navbar-default .navbar-link {
+ color: #555555;
+}
+.navbar-default .navbar-link:hover {
+ color: #555555;
+}
+.navbar-default .btn-link {
+ color: #555555;
+}
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
+ color: #555555;
+}
+.navbar-default .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-default .btn-link:hover,
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+ color: #cccccc;
+}
+/* scaffolding */
+body {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
+}
+a {
+ color: #c27baa;
+ text-decoration: none;
+}
+a:hover,
+a:focus {
+ color: #a44c87;
+ text-decoration: underline;
+}
+a:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+.img-rounded {
+ border-radius: 0;
+}
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #eeeeee;
+}
+/* breadcrumbs */
+.breadcrumb {
+ padding: 20px 0;
+ margin-bottom: 20px;
+ background-color: transparent;
+ border-radius: 0;
+ text-align: right;
+}
+.breadcrumb > li + li:before {
+ content: ">\00a0";
+ color: #555555;
+}
+.breadcrumb > .active {
+ color: #999999;
+}
+@media (max-width: 991px) {
+ .breadcrumb {
+ padding: 20px 0;
+ text-align: center;
+ }
+}
+/* dropdowns */
+.dropdown-menu {
+ z-index: 1000;
+ font-size: 14px;
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ box-shadow: 0 6px 12px rgba(0, 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 {
+ padding: 5px 20px;
+ line-height: 1.42857143;
+ color: #333333;
+ white-space: nowrap;
+}
+/* labels */
+.label {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+/* forms.less */
+label {
+ font-weight: normal;
+}
+.form-control {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-radius: 0;
+}
+.form-control:focus {
+ border-color: #c27baa;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194, 123, 170, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194, 123, 170, 0.6);
+}
+.form-group {
+ margin-bottom: 20px;
+}
+/* pager*/
+.pager {
+ margin: 20px 0;
+ border-top: solid 1px #eeeeee;
+ padding-top: 20px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.pager li {
+ display: inline;
+}
+.pager li > a,
+.pager li > span {
+ background-color: #ffffff;
+ border: 1px solid #c27baa;
+ border-radius: 0;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+ text-decoration: none;
+ color: #fff;
+ background-color: #c27baa;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #ddd;
+}
+/* pagination */
+.pagination {
+ margin: 20px 0;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ border-radius: 0;
+}
+.pagination > li > a,
+.pagination > li > span {
+ padding: 6px 12px;
+ line-height: 1.42857143;
+ text-decoration: none;
+ color: #c27baa;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+ color: #c27baa;
+ background-color: #f2e4ed;
+ border-color: #dddddd;
+}
+.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: #ffffff;
+ background-color: #c27baa;
+ border-color: #c27baa;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #dddddd;
+}
+/* responsive utilities */
+@media (max-width: 767px) {
+ .text-center-xs {
+ text-align: center !important;
+ }
+ .text-center-xs img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+ .text-center-sm {
+ text-align: center !important;
+ }
+ .text-center-sm img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+/* type */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: 900;
+ line-height: 1.1;
+ color: #333333;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+p {
+ margin: 0 0 10px;
+}
+.lead {
+ margin-bottom: 20px;
+ font-size: 18px;
+}
+@media (min-width: 768px) {
+ .lead {
+ font-size: 21px;
+ }
+}
+.text-small {
+ font-size: 12px;
+}
+.text-large {
+ font-size: 18px;
+}
+.text-italic {
+ font-style: italic;
+}
+.text-primary {
+ color: #c27baa;
+}
+a.text-primary:hover {
+ color: #b25894;
+}
+.bg-primary {
+ color: #fff;
+ background-color: #c27baa;
+}
+a.bg-primary:hover {
+ background-color: #b25894;
+}
+abbr[title],
+abbr[data-original-title] {
+ border-bottom: 1px dotted #999999;
+}
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 14px;
+ border-left: 5px solid #c27baa;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #999999;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+ content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+ border-right: 5px solid #c27baa;
+}
+address {
+ margin-bottom: 20px;
+ line-height: 1.42857143;
+}
+.panel {
+ margin-bottom: 20px;
+ background-color: #ffffff;
+ border: 1px solid transparent;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 0;
+ box-shadow: 0 0 0;
+}
+.panel-heading {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 15px 15px;
+}
+.progress {
+ overflow: hidden;
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.panel-group {
+ margin-bottom: 20px;
+}
+.panel-group .panel {
+ margin-bottom: 0;
+ border-radius: 0;
+ overflow: hidden;
+}
+.panel-group .panel + .panel {
+ margin-top: 5px;
+}
+.panel-group.accordion .panel {
+ border-color: #ccc;
+}
+.panel-primary {
+ border-color: #c27baa;
+}
+.panel-primary > .panel-heading {
+ color: #ffffff;
+ background-color: #c27baa;
+ border-color: #c27baa;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #c27baa;
+}
+.panel-primary > .panel-heading .badge {
+ color: #c27baa;
+ background-color: #ffffff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #c27baa;
+}
+.panel-primary .panel-title {
+ font-weight: 300;
+}
+.panel-primary .panel-title a:hover {
+ color: #fff;
+ text-decoration: none;
+}
+a.badge:hover,
+a.badge:focus {
+ color: #ffffff;
+ text-decoration: none;
+ cursor: pointer;
+}
+a.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+ color: #c27baa;
+ background-color: #ffffff;
+}
+.nav-pills > li > a > .badge {
+ margin-left: 3px;
+}
+.progress-bar-primary {
+ background-color: #c27baa;
+}
+.progress-striped .progress-bar-primary {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+/*!
+ * Yamm!3 - Yet another megamenu for Bootstrap 3
+ * http://geedmo.github.com/yamm3
+ *
+ * @geedmo - Licensed under the MIT license
+ */
+.yamm .nav,
+.yamm .collapse,
+.yamm .dropup.use-yamm,
+.yamm .dropdown.use-yamm {
+ position: static;
+}
+.yamm .container {
+ position: relative;
+}
+.yamm .dropdown-menu {
+ left: auto;
+}
+.yamm .nav.navbar-right .dropdown-menu {
+ left: auto;
+ right: 0;
+}
+.yamm .yamm-content {
+ padding: 20px 30px;
+}
+.yamm .dropdown.yamm-fw .dropdown-menu {
+ left: 15px;
+ right: 15px;
+}
diff --git a/css/style.red.css b/css/style.red.css
new file mode 100755
index 0000000..f328ee6
--- /dev/null
+++ b/css/style.red.css
@@ -0,0 +1,3557 @@
+.clearfix:before,
+.clearfix:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after {
+ content: " ";
+ display: table;
+}
+.clearfix:after,
+.navbar:after,
+.navbar-header: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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+/* general styles */
+a,
+button {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+a i.fa,
+button i.fa {
+ margin: 0 5px;
+}
+.clickable {
+ cursor: pointer !important;
+}
+.required {
+ color: #da4d4d;
+}
+.accent {
+ color: #da4d4d;
+}
+.text-uppercase {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .text-center-sm {
+ text-align: center;
+ }
+}
+p.lead {
+ margin-bottom: 40px;
+}
+section,
+div.section {
+ margin-bottom: 40px;
+}
+.no-mb {
+ margin-bottom: 0 !important;
+}
+.mb-small {
+ margin-bottom: 20px !important;
+}
+.heading {
+ margin-bottom: 40px;
+}
+.heading h1,
+.heading h2,
+.heading h3,
+.heading h4,
+.heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #da4d4d;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+ vertical-align: middle;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.heading h1 i.fa,
+.heading h2 i.fa,
+.heading h3 i.fa,
+.heading h4 i.fa,
+.heading h5 i.fa {
+ display: inline-block;
+ background: #da4d4d;
+ width: 30px;
+ height: 30px;
+ vertical-align: middle;
+ text-align: center;
+ color: #fff;
+ font-size: 12px;
+ line-height: 30px;
+ border-radius: 15px;
+}
+.icon {
+ display: inline-block;
+ width: 80px;
+ height: 80px;
+ color: #fff;
+ line-height: 80px;
+ border-radius: 40px;
+ border: solid 1px #fff;
+ font-size: 20px;
+}
+.icon.icon-lg {
+ font-size: 30px;
+ border-width: 2px;
+}
+.ul-icons {
+ padding-left: 10px;
+}
+.ul-icons li {
+ list-style-type: none;
+ line-height: 20px;
+ margin-bottom: 20px;
+}
+.ul-icons li i {
+ width: 20px;
+ height: 20px;
+ background: #da4d4d;
+ color: #fff;
+ text-align: center;
+ border-radius: 10px;
+ line-height: 20px;
+ margin-right: 10px;
+}
+ul.list-style-none {
+ list-style: none;
+}
+#text-page h1,
+#text-page h2,
+#text-page h3 {
+ font-weight: 700;
+}
+#error-page {
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 100px;
+}
+#error-page h4 {
+ margin-bottom: 40px;
+}
+#error-page p.buttons {
+ margin-top: 40px;
+}
+.pages-listing .item {
+ text-align: center;
+}
+.pages-listing .item h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+ letter-spacing: 0.08em;
+}
+.pages-listing .item h3 a {
+ color: #555555;
+}
+.pages-listing .item .text {
+ margin-bottom: 20px;
+}
+.pages-listing .item .text p {
+ color: #999999;
+ font-size: 12px;
+ margin-bottom: 20px;
+}
+.banner {
+ margin-bottom: 30px;
+ text-align: center;
+}
+.banner img {
+ margin: 0 auto;
+}
+.banner a:hover img {
+ opacity: 0.8;
+ filter: alpha(opacity=80);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.pages {
+ text-align: center;
+}
+.pages .loadMore {
+ text-align: center;
+}
+.pages .pagination {
+ text-align: center;
+}
+.features-buttons button {
+ margin-bottom: 20px;
+}
+@media (min-width: 1300px) {
+ body.boxed {
+ background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png);
+ }
+ body.boxed #all {
+ position: relative;
+ background: #fff;
+ width: 1200px;
+ margin: 0 auto;
+ overflow: hidden;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ }
+}
+#top {
+ background: #555555;
+ color: #eeeeee;
+ padding: 10px 0;
+}
+#top p {
+ margin: 0;
+ font-size: 12px;
+}
+#top .social {
+ float: right;
+ text-align: right;
+}
+#top .social a {
+ color: #999999;
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ border-radius: 12px;
+ line-height: 20px;
+ font-size: 12px;
+ text-align: center;
+ vertical-align: bottom;
+}
+#top .social a:hover {
+ color: #fff;
+}
+#top .social a:hover.facebook {
+ background-color: #4460ae;
+}
+#top .social a:hover.gplus {
+ background-color: #c21f25;
+}
+#top .social a:hover.twitter {
+ background-color: #3cf;
+}
+#top .social a:hover.instagram {
+ background-color: #cd4378;
+}
+#top .social a:hover.email {
+ background-color: #4a7f45;
+}
+#top .login {
+ float: right;
+}
+#top .login a {
+ font-size: 12px;
+ color: #eeeeee;
+ margin-right: 15px;
+ text-decoration: none;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 767px) {
+ #top .login {
+ float: left;
+ }
+}
+#top.light {
+ background: #fff;
+ color: #999999;
+ border-bottom: solid 1px #eeeeee;
+}
+#top.light .login a {
+ color: #555555;
+}
+.navbar {
+ border: none;
+}
+.navbar ul.nav > li > a {
+ text-transform: uppercase;
+ text-decoration: underline;
+ font-weight: bold;
+ letter-spacing: 0.08em;
+ border-top: solid 5px transparent;
+}
+.navbar ul.nav > li > a:hover {
+ border-top: solid 5px #da4d4d;
+}
+.navbar ul.nav > li.active > a,
+.navbar ul.nav > li.open > a {
+ text-decoration: none !important;
+ border-top: solid 5px #a02121;
+}
+@media (max-width: 768px) {
+ .navbar ul.nav > li.active > a,
+ .navbar ul.nav > li.open > a {
+ border-top-color: transparent;
+ }
+ .navbar ul.nav > li > a:hover {
+ border-top-color: transparent;
+ }
+}
+.navbar.navbar-light ul.nav > li.active > a {
+ border-top: solid 5px #a02121;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar.navbar-light ul.nav > li.active > a:hover {
+ border-top: solid 5px #a02121;
+}
+.navbar.navbar-light ul.nav > li > a:hover,
+.navbar.navbar-light ul.nav > li.open > a:hover,
+.navbar.navbar-light ul.nav > li > a:focus,
+.navbar.navbar-light ul.nav > li.open > a:focus {
+ border-top: solid 5px #da4d4d;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar ul.dropdown-menu {
+ margin: 0;
+ padding: 0;
+}
+.navbar ul.dropdown-menu li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 4px 0;
+}
+.navbar ul.dropdown-menu li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ left: 0;
+}
+.navbar ul.dropdown-menu li a:hover {
+ color: #da4d4d;
+ text-decoration: none;
+ background: none;
+ left: 2px;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .navbar ul.dropdown-menu li a:hover {
+ left: 0;
+ }
+}
+.navbar .yamm-content h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ margin-top: 5px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 767px) {
+ .navbar .yamm-content h3 {
+ font-size: 14px;
+ }
+}
+.navbar .yamm-content h5 {
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+.navbar .yamm-content ul {
+ margin: 0;
+ padding: 0;
+}
+.navbar .yamm-content ul li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ padding: 4px 0;
+}
+.navbar .yamm-content ul li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.navbar .yamm-content ul li a:hover {
+ color: #da4d4d;
+ text-decoration: none;
+ padding-left: 2px;
+}
+.navbar .yamm-content .banner {
+ margin-bottom: 10px;
+}
+.navbar .yamm-fw .dropdown-menu {
+ padding: 0;
+}
+.navbar .navbar-buttons {
+ float: right;
+}
+.navbar .navbar-buttons button,
+.navbar .navbar-buttons a.btn,
+.navbar .navbar-buttons .btn-default.navbar-toggle {
+ margin-top: 11px;
+ margin-bottom: 11px;
+ margin-left: 0;
+ margin-right: 5px;
+}
+.navbar .btn-default,
+.navbar .btn-default.navbar-toggle {
+ color: #999999;
+ background-color: #fff;
+ margin-left: 7px;
+ margin-right: 0;
+}
+.navbar .btn-default:hover,
+.navbar .btn-default.navbar-toggle:hover,
+.navbar .btn-default:focus,
+.navbar .btn-default.navbar-toggle:focus {
+ background-color: #fff;
+ border-color: #da4d4d;
+ color: #da4d4d;
+}
+.navbar #search {
+ clear: both;
+ border-top: solid 1px #da4d4d;
+ text-align: right;
+}
+.navbar #search form {
+ float: right;
+}
+.navbar #search form .input-group {
+ width: 500px;
+}
+@media (max-width: 768px) {
+ .navbar #search form .input-group {
+ width: 100%;
+ }
+}
+.navbar #basket-overview a {
+ margin-left: 7px;
+}
+.navbar-affixed-top {
+ top: -32px;
+}
+.navbar-affixed-top.affix-top {
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+.navbar-affixed-top.affix {
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1000;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+body.boxed .navbar-affixed-top.affix {
+ position: static;
+}
+#login-modal {
+ overflow: hidden;
+}
+#login-modal .modal-header h4 {
+ text-transform: uppercase;
+}
+#login-modal form {
+ margin-bottom: 20px;
+}
+#login-modal a {
+ color: #da4d4d;
+}
+#login-modal p {
+ font-weight: 300;
+ margin-bottom: 20px;
+ font-size: 13px;
+}
+/* buttons */
+.btn {
+ font-weight: 700;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 6px 12px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ border-radius: 0;
+}
+.input-group .btn {
+ font-size: 14px;
+}
+.btn-lg {
+ padding: 10px 16px;
+ font-size: 14px;
+ line-height: 1.33;
+ border-radius: 0;
+}
+.btn-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-xs {
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-template-main {
+ color: #da4d4d;
+ background-color: #ffffff;
+ border-color: #da4d4d;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ color: #da4d4d;
+ background-color: #e6e6e6;
+ border-color: #c22828;
+}
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ background-image: none;
+}
+.btn-template-main.disabled,
+.btn-template-main[disabled],
+fieldset[disabled] .btn-template-main,
+.btn-template-main.disabled:hover,
+.btn-template-main[disabled]:hover,
+fieldset[disabled] .btn-template-main:hover,
+.btn-template-main.disabled:focus,
+.btn-template-main[disabled]:focus,
+fieldset[disabled] .btn-template-main:focus,
+.btn-template-main.disabled:active,
+.btn-template-main[disabled]:active,
+fieldset[disabled] .btn-template-main:active,
+.btn-template-main.disabled.active,
+.btn-template-main[disabled].active,
+fieldset[disabled] .btn-template-main.active {
+ background-color: #ffffff;
+ border-color: #da4d4d;
+}
+.btn-template-main .badge {
+ color: #ffffff;
+ background-color: #da4d4d;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active {
+ background: #da4d4d;
+ color: #ffffff;
+ border-color: #da4d4d;
+}
+.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ background-image: none;
+}
+.btn-template-transparent-primary.disabled,
+.btn-template-transparent-primary[disabled],
+fieldset[disabled] .btn-template-transparent-primary,
+.btn-template-transparent-primary.disabled:hover,
+.btn-template-transparent-primary[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-primary:hover,
+.btn-template-transparent-primary.disabled:focus,
+.btn-template-transparent-primary[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-primary:focus,
+.btn-template-transparent-primary.disabled:active,
+.btn-template-transparent-primary[disabled]:active,
+fieldset[disabled] .btn-template-transparent-primary:active,
+.btn-template-transparent-primary.disabled.active,
+.btn-template-transparent-primary[disabled].active,
+fieldset[disabled] .btn-template-transparent-primary.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active {
+ background: #fff;
+ color: #da4d4d;
+ border-color: #fff;
+}
+.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ background-image: none;
+}
+.btn-template-transparent-black.disabled,
+.btn-template-transparent-black[disabled],
+fieldset[disabled] .btn-template-transparent-black,
+.btn-template-transparent-black.disabled:hover,
+.btn-template-transparent-black[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-black:hover,
+.btn-template-transparent-black.disabled:focus,
+.btn-template-transparent-black[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-black:focus,
+.btn-template-transparent-black.disabled:active,
+.btn-template-transparent-black[disabled]:active,
+fieldset[disabled] .btn-template-transparent-black:active,
+.btn-template-transparent-black.disabled.active,
+.btn-template-transparent-black[disabled].active,
+fieldset[disabled] .btn-template-transparent-black.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active {
+ background: #fff;
+ color: #000;
+ border-color: #fff;
+}
+.btn-template-primary {
+ color: #ffffff;
+ background-color: #da4d4d;
+ border-color: #da4d4d;
+}
+.btn-template-primary:hover,
+.btn-template-primary:focus,
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ color: #ffffff;
+ background-color: #ca2a2a;
+ border-color: #c22828;
+}
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ background-image: none;
+}
+.btn-template-primary.disabled,
+.btn-template-primary[disabled],
+fieldset[disabled] .btn-template-primary,
+.btn-template-primary.disabled:hover,
+.btn-template-primary[disabled]:hover,
+fieldset[disabled] .btn-template-primary:hover,
+.btn-template-primary.disabled:focus,
+.btn-template-primary[disabled]:focus,
+fieldset[disabled] .btn-template-primary:focus,
+.btn-template-primary.disabled:active,
+.btn-template-primary[disabled]:active,
+fieldset[disabled] .btn-template-primary:active,
+.btn-template-primary.disabled.active,
+.btn-template-primary[disabled].active,
+fieldset[disabled] .btn-template-primary.active {
+ background-color: #da4d4d;
+ border-color: #da4d4d;
+}
+.btn-template-primary .badge {
+ color: #da4d4d;
+ background-color: #ffffff;
+}
+#intro {
+ background: url('../img/home.jpg') no-repeat center top;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+#intro .item {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ height: 100%;
+}
+#intro .item h1 {
+ text-transform: uppercase;
+ font-size: 50px;
+ color: #fff;
+ margin-bottom: 40px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #intro .item h1 {
+ font-size: 40px;
+ }
+}
+@media (max-width: 767px) {
+ #intro .item h1 {
+ font-size: 25px;
+ }
+}
+#intro .item h3 {
+ color: #fff;
+ margin-bottom: 40px;
+}
+@media (max-width: 767px) {
+ #intro .item h3 {
+ font-size: 15px;
+ margin-bottom: 20px;
+ }
+}
+#intro .item .btn {
+ text-transform: none;
+}
+@media (max-width: 991px) {
+ #intro .item .btn {
+ font-size: 14px;
+ }
+}
+@media (max-width: 991px) {
+ #intro .item .carousel-caption {
+ left: 10%;
+ right: 10%;
+ }
+}
+#intro .container,
+#intro .row {
+ height: 100%;
+ position: relative;
+}
+.jumbotron {
+ padding: 30px;
+ margin-bottom: 0;
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.jumbotron .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #da4d4d;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3,
+.jumbotron p,
+.jumbotron ul {
+ color: #fff;
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3 {
+ color: #ffffff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.jumbotron p {
+ margin-bottom: 20px;
+ font-size: 21px;
+ font-weight: 400;
+}
+.jumbotron p.text-uppercase {
+ font-weight: 700;
+}
+.jumbotron > hr {
+ border-top-color: #d5d5d5;
+}
+.container .jumbotron {
+ border-radius: 0;
+}
+.jumbotron .container {
+ max-width: 100%;
+ z-index: 2;
+}
+@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: 46px;
+ }
+}
+#categoryMenu h3 {
+ padding: 20px;
+ background: #f7f7f7;
+ margin: 0;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu h3 {
+ padding: 5px 0;
+ margin: 0;
+}
+.panel.sidebar-menu {
+ background: #fff;
+ margin: 0 0 20px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.panel.sidebar-menu .panel-heading {
+ text-transform: uppercase;
+ margin-bottom: 10px;
+ background: none;
+ padding: 0;
+ letter-spacing: 0.08em;
+ border-bottom: none;
+}
+.panel.sidebar-menu .panel-heading h1,
+.panel.sidebar-menu .panel-heading h2,
+.panel.sidebar-menu .panel-heading h3,
+.panel.sidebar-menu .panel-heading h4,
+.panel.sidebar-menu .panel-heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #da4d4d;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+}
+.panel.sidebar-menu .panel-heading .btn.btn-danger {
+ color: #fff;
+ margin-top: 5px;
+}
+.panel.sidebar-menu .panel-body {
+ padding: 0;
+}
+.panel.sidebar-menu .panel-body span.colour {
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ border: solid 1px #555555;
+ vertical-align: top;
+ margin-top: 2px;
+ margin-left: 5px;
+}
+.panel.sidebar-menu .panel-body span.colour.white {
+ background: #fff;
+}
+.panel.sidebar-menu .panel-body span.colour.red {
+ background: red;
+}
+.panel.sidebar-menu .panel-body span.colour.green {
+ background: green;
+}
+.panel.sidebar-menu .panel-body span.colour.blue {
+ background: blue;
+}
+.panel.sidebar-menu .panel-body span.colour.yellow {
+ background: yellow;
+}
+.panel.sidebar-menu .panel-body label {
+ color: #999999;
+ font-size: 12px;
+}
+.panel.sidebar-menu .panel-body label:hover {
+ color: #555555;
+}
+.panel.sidebar-menu ul.nav.category-menu {
+ margin-bottom: 20px;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu ul.nav.category-menu li a {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.panel.sidebar-menu ul.nav ul {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.nav ul li {
+ display: block;
+}
+.panel.sidebar-menu ul.nav ul li a {
+ position: relative;
+ font-family: "Times New Roman", Times, serif;
+ font-weight: normal;
+ text-transform: none !important;
+ display: block;
+ padding: 10px 15px;
+ padding-left: 30px;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.nav ul li a:hover,
+.panel.sidebar-menu ul.nav ul li a:focus {
+ text-decoration: none;
+ background-color: #eeeeee;
+}
+.panel.sidebar-menu ul.tag-cloud {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.tag-cloud li {
+ display: inline-block;
+}
+.panel.sidebar-menu ul.tag-cloud li a {
+ display: inline-block;
+ padding: 5px;
+ border: solid 1px #eeeeee;
+ border-radius: 0;
+ color: #da4d4d;
+ margin: 5px 5px 5px 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 700;
+ font-size: 12px;
+}
+.panel.sidebar-menu ul.tag-cloud li a:hover {
+ color: #da4d4d;
+ text-decoration: none;
+ border-color: #da4d4d;
+}
+.panel.sidebar-menu ul.popular,
+.panel.sidebar-menu ul.recent {
+ list-style: none;
+ padding-left: 0;
+ padding: 20px 0;
+}
+.panel.sidebar-menu ul.popular li,
+.panel.sidebar-menu ul.recent li {
+ margin-bottom: 10px;
+ padding: 5px 0;
+ border-bottom: dotted 1px #eeeeee;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li img,
+.panel.sidebar-menu ul.recent li img {
+ width: 50px;
+ margin-right: 10px;
+}
+.panel.sidebar-menu ul.popular li h5,
+.panel.sidebar-menu ul.recent li h5 {
+ margin: 0 0 10px;
+}
+.panel.sidebar-menu ul.popular li h5 a,
+.panel.sidebar-menu ul.recent li h5 a {
+ font-weight: normal;
+}
+.panel.sidebar-menu ul.popular li p.date,
+.panel.sidebar-menu ul.recent li p.date {
+ float: right;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.popular li:last-child,
+.panel.sidebar-menu ul.recent li:last-child {
+ border-bottom: none;
+}
+.panel.sidebar-menu .text-widget {
+ font-size: 12px;
+}
+.panel.sidebar-menu.with-icons ul.nav li a:after {
+ font-family: 'FontAwesome';
+ content: "\f105";
+ position: relative;
+ top: 0;
+ float: right;
+}
+/* ribbons for product sales etc. */
+.ribbon {
+ position: absolute;
+ top: 50px;
+ padding-left: 51px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.ribbon .ribbon-background {
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.ribbon .theribbon {
+ position: relative;
+ width: 80px;
+ padding: 6px 20px 6px 20px;
+ margin: 30px 10px 10px -71px;
+ color: #fff;
+ background-color: #da4d4d;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.ribbon .theribbon:before,
+.ribbon .theribbon:after {
+ content: ' ';
+ position: absolute;
+ width: 0;
+ height: 0;
+}
+.ribbon .theribbon:after {
+ left: 0px;
+ top: 100%;
+ border-width: 5px 10px;
+ border-style: solid;
+ border-color: #000000 #000000 transparent transparent;
+}
+.ribbon.sale {
+ top: 0;
+}
+.ribbon.new {
+ top: 50px;
+}
+.ribbon.new .theribbon {
+ background-color: #5bc0de;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.new .theribbon:after {
+ border-color: #2390b0 #2390b0 transparent transparent;
+}
+.ribbon.gift {
+ top: 100px;
+}
+.ribbon.gift .theribbon {
+ background-color: #5cb85c;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.gift .theribbon:after {
+ border-color: #357935 #357935 transparent transparent;
+}
+.owl-carousel .owl-controls .owl-page.active span,
+.owl-theme .owl-controls .owl-page.active span,
+.owl-carousel .owl-controls.clickable .owl-page:hover span,
+.owl-theme .owl-controls.clickable .owl-page:hover span {
+ background: #da4d4d;
+}
+.owl-carousel .owl-controls .owl-buttons,
+.owl-theme .owl-controls .owl-buttons {
+ position: absolute;
+ top: 5px;
+ right: 0;
+}
+.owl-carousel .owl-controls .owl-buttons div,
+.owl-theme .owl-controls .owl-buttons div {
+ width: 26px;
+ height: 26px;
+ line-height: 25px;
+ margin: 0 5px 0 0;
+ font-size: 18px;
+ color: #da4d4d;
+ padding: 0;
+ background: #fff;
+ border-radius: 13px;
+ vertical-align: middle;
+ text-align: center;
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+.home-carousel {
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.home-carousel .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #da4d4d;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.home-carousel .owl-carousel {
+ padding-top: 60px;
+ padding-bottom: 20px;
+}
+.home-carousel .owl-theme .owl-controls .owl-page span {
+ background: #666;
+}
+.home-carousel .owl-theme .owl-controls .owl-page.active span {
+ background: #fff;
+}
+.home-carousel .owl-theme .owl-controls .owl-page:hover span {
+ background: #fff;
+}
+@media (max-width: 767px) {
+ .home-carousel {
+ text-align: center !important;
+ }
+}
+@media (min-width: 992px) {
+ .home-carousel .right {
+ text-align: right;
+ }
+}
+.home-carousel h1,
+.home-carousel h2,
+.home-carousel h3,
+.home-carousel p,
+.home-carousel ul {
+ color: #fff;
+}
+.home-carousel h1 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 46px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .home-carousel h1 {
+ font-size: 36px;
+ }
+}
+.home-carousel h2 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 40px;
+ letter-spacing: 0.08em;
+}
+.home-carousel ul,
+.home-carousel p {
+ font-size: 18px;
+ font-weight: 700;
+ padding: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 991px) {
+ .home-carousel ul,
+ .home-carousel p {
+ font-size: 14px;
+ }
+}
+.home-carousel ul li {
+ margin-bottom: 10px;
+}
+.customers {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.customers .item {
+ list-style-type: none;
+ text-align: center;
+ margin: 0 20px;
+}
+.customers .item img {
+ display: inline-block;
+ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+ /* Firefox 10+, Firefox on Android */
+ filter: gray;
+ /* IE6-9 */
+ -webkit-filter: grayscale(100%);
+ /* Chrome 19+, Safari 6+, Safari 6+ iOS */
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.customers .item img:hover {
+ max-width: auto;
+ filter: none;
+ -webkit-filter: none;
+}
+.testimonials {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.testimonials .item {
+ list-style-type: none;
+ margin: 0 5px;
+ background: #fff;
+ padding-bottom: 60px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.testimonials .item .testimonial {
+ position: relative;
+ padding: 20px;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial .text {
+ color: #999999;
+ margin-bottom: 40px;
+}
+.testimonials .item .testimonial .bottom {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px;
+ height: 50px;
+}
+.testimonials .item .testimonial .bottom .icon {
+ color: #da4d4d;
+ font-size: 30px;
+ float: left;
+ width: 20%;
+}
+.testimonials .item .testimonial .name-picture {
+ float: right;
+ width: 80%;
+ text-align: right;
+}
+.testimonials .item .testimonial .name-picture h5 {
+ font-size: 14px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.testimonials .item .testimonial .name-picture p {
+ color: #999999;
+ margin: 0;
+ font-size: 12px;
+}
+.testimonials .item .testimonial .name-picture img {
+ float: right;
+ width: 60px;
+ border-radius: 30px;
+ margin-left: 10px;
+}
+.team-member {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.team-member h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ letter-spacing: 0.08em;
+}
+.team-member h3 a {
+ color: #555555;
+}
+.team-member p.role {
+ color: #999999;
+ font-size: 12px;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.team-member .social {
+ margin-bottom: 20px;
+}
+.team-member .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email {
+ background-color: #4a7f45;
+}
+.team-member .text p {
+ color: #999999;
+ font-size: 12px;
+}
+.team-member .social,
+.team-member-detail .social {
+ margin-bottom: 20px;
+}
+.team-member .social a,
+.team-member-detail .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i,
+.team-member-detail .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook,
+.team-member-detail .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus,
+.team-member-detail .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter,
+.team-member-detail .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram,
+.team-member-detail .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email,
+.team-member-detail .social a.email {
+ background-color: #4a7f45;
+}
+.box-simple {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.box-simple .icon {
+ color: #da4d4d;
+ border-color: #da4d4d;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.box-simple h3 {
+ font-weight: normal;
+ font-size: 18px;
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-simple h3 a {
+ color: #555555;
+}
+.box-simple p {
+ color: #999999;
+}
+.box-simple:hover .icon {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.box-simple:hover .icon i {
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+}
+.box-simple.box-white {
+ padding: 20px;
+ border: dotted 1px #999999;
+}
+.box-simple.box-white .icon {
+ color: #555555;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark {
+ padding: 20px;
+ border: dotted 1px #999999;
+ background: #555555;
+ color: #fff;
+}
+.box-simple.box-dark .icon {
+ color: #f7f7f7;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark h3 {
+ color: #fff;
+}
+.box-simple.box-dark h3 a {
+ color: #fff;
+}
+.box-simple.box-dark p {
+ color: #fff;
+}
+.box-image {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #da4d4d;
+}
+.box-image .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+.box-image-text {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image-text .top {
+ position: relative;
+ margin-bottom: 10px;
+}
+.box-image-text .top .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #da4d4d;
+}
+.box-image-text .top .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .top .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image-text .top .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image-text .top .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .content h3,
+.box-image-text .content h4 {
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-image-text .content p {
+ color: #999999;
+}
+.box-image-text:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image-text:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image-text:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+/* universal box */
+.box {
+ background: #fff;
+ margin: 0 0 30px;
+ border: solid 1px #ccc;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px 0;
+ border-left: none;
+ border-right: none;
+}
+.box .box-header {
+ background: #f7f7f7;
+ margin: -20px 0 20px;
+ padding: 20px;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-footer {
+ background: #f7f7f7;
+ margin: 30px 0 -20px;
+ padding: 20px;
+ border-top: solid 1px #eeeeee;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+@media (max-width: 991px) {
+ .box .box-footer .btn {
+ margin-bottom: 20px;
+ }
+}
+.box.no-border {
+ border: none;
+}
+#heading-breadcrumbs {
+ background: url('../img/texture-bw.png') center center repeat;
+ padding: 20px 0;
+ margin-bottom: 40px;
+}
+#heading-breadcrumbs.no-mb {
+ margin-bottom: 0;
+}
+#heading-breadcrumbs h1 {
+ color: #333333;
+ text-transform: uppercase;
+ font-size: 30px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #heading-breadcrumbs h1 {
+ text-align: center;
+ }
+}
+#heading-breadcrumbs ul.breadcrumb {
+ margin-top: 5px;
+ margin-bottom: 0;
+}
+.bar {
+ position: relative;
+ background: #da4d4d;
+ padding: 60px 0;
+}
+.bar.background-pentagon {
+ background: url('../img/texture-bw.png') center center repeat;
+ border-top: solid 1px #999999;
+ border-bottom: solid 1px #999999;
+}
+.bar.background-gray {
+ background: #eeeeee;
+}
+.bar.background-gray-dark {
+ background: #555555;
+}
+.bar.background-white {
+ background: #fff;
+}
+.bar.background-image-fixed-1 {
+ background: url('../img/fixed-background-1.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.background-image-fixed-2 {
+ background: url('../img/fixed-background-2.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.color-white h1,
+.bar.color-white h2,
+.bar.color-white h3,
+.bar.color-white h4,
+.bar.color-white h5,
+.bar.color-white h6,
+.bar.color-white p {
+ color: #fff;
+}
+.bar.padding-big {
+ padding: 50px 0;
+}
+.bar.padding-horizontal {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+.bar.margin-vertical {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.bar .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+}
+.portfolio.no-space {
+ padding: 0 15px;
+}
+.portfolio.no-space .box-image {
+ margin: 0 -15px;
+}
+.portfolio-project .project-more h4 {
+ color: #555555;
+ text-transform: uppercase;
+ margin-bottom: 0;
+ text-align: left;
+ font-size: 14px;
+ letter-spacing: 0.08em;
+}
+.portfolio-project .project-more p {
+ color: #999999;
+ padding: 10px 0;
+ margin-bottom: 20px;
+ text-align: left;
+}
+.portfolio-showcase {
+ margin: 15px 0 60px;
+}
+.portfolio-showcase h3 a {
+ text-transform: uppercase;
+ line-height: 1.5;
+ letter-spacing: 0.08em;
+}
+.portfolio-showcase p.lead {
+ color: #555555;
+ margin-bottom: 20px;
+}
+.portfolio-showcase p {
+ color: #999999;
+}
+.portfolio-showcase p.buttons {
+ margin-top: 40px;
+}
+.see-more {
+ text-align: center;
+ margin-top: 20px;
+ padding-top: 20px;
+}
+.see-more p {
+ font-size: 28px;
+ font-weight: 100;
+ margin-bottom: 20px;
+}
+.showcase .item {
+ text-align: center;
+}
+.showcase .item .icon {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ color: #555555;
+ line-height: 50px;
+ border-radius: 25px;
+ border: solid 1px #555555;
+}
+.showcase .item h4 {
+ color: #555555;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ line-height: 1.5;
+ font-size: 16px;
+}
+.showcase .item h4 span {
+ font-weight: bold;
+ font-size: 51px;
+}
+.packages .package {
+ background: #fff;
+ margin-top: 25px;
+ margin-bottom: 20px;
+ padding-bottom: 15px;
+ text-align: center;
+ border: solid 1px #da4d4d;
+ overflow: hidden;
+}
+.packages .package .package-header {
+ height: 57px;
+ color: #fff;
+ line-height: 57px;
+ background: #da4d4d;
+}
+.packages .package .package-header h5 {
+ color: #fff;
+ text-transform: uppercase;
+ font-weight: bold;
+ line-height: 57px;
+ margin: 0;
+ letter-spacing: 0.08em;
+}
+.packages .package .package-header.light-gray {
+ background: #eeeeee;
+}
+.packages .package .package-header.light-gray h5 {
+ color: #555555;
+}
+.packages .package .price {
+ line-height: 120px;
+ height: 100px;
+ color: #fff;
+ font-weight: 400;
+}
+.packages .package .price h4 {
+ display: inline;
+ font-size: 50px;
+ line-height: normal;
+ margin-bottom: 0;
+}
+.packages .package .price .period {
+ line-height: normal;
+ color: #999999;
+}
+.packages .package ul {
+ padding: 0;
+}
+.packages .package ul li {
+ list-style-type: none;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ width: 80%;
+ margin: auto;
+ border-bottom: 1px dotted #ccc;
+}
+.packages .package ul li:last-child {
+ border-bottom: 0;
+}
+.packages .package ul li i {
+ font-size: 13px;
+ margin-right: 5px;
+}
+.packages .best-value .package {
+ margin-top: 0;
+ padding-bottom: 40px;
+}
+.packages .best-value .package .package-header {
+ height: 72px;
+ padding-top: 17px;
+ height: 82px !important;
+}
+.packages .best-value .package .package-header h5 {
+ font-weight: bold;
+ line-height: 29px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.packages .best-value .package .package-header .meta-text {
+ font-size: 13px;
+ line-height: 15px;
+}
+#map {
+ height: 300px;
+}
+#map.with-border {
+ border-top: solid 1px #da4d4d;
+ border-bottom: solid 1px #da4d4d;
+}
+#blog-listing-big .post,
+#blog-homepage .post {
+ margin-bottom: 60px;
+}
+#blog-listing-big .post h2,
+#blog-homepage .post h2,
+#blog-listing-big .post h4,
+#blog-homepage .post h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post h2 a,
+#blog-homepage .post h2 a,
+#blog-listing-big .post h4 a,
+#blog-homepage .post h4 a {
+ color: #555555;
+}
+#blog-listing-big .post h2 a:hover,
+#blog-homepage .post h2 a:hover,
+#blog-listing-big .post h4 a:hover,
+#blog-homepage .post h4 a:hover {
+ color: #da4d4d;
+}
+#blog-listing-big .post .author-category,
+#blog-homepage .post .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post .author-category a,
+#blog-homepage .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-big .post .date-comments a,
+#blog-homepage .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-big .post .date-comments a:hover,
+#blog-homepage .post .date-comments a:hover {
+ color: #da4d4d;
+}
+@media (min-width: 768px) {
+ #blog-listing-big .post .date-comments,
+ #blog-homepage .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-big .post .intro,
+#blog-homepage .post .intro {
+ text-align: left;
+}
+#blog-listing-big .post .image,
+#blog-homepage .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-big .post .image img,
+#blog-homepage .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-big .post .image img.img-responsive,
+ #blog-homepage .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-big .post .video,
+#blog-homepage .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-big .post .read-more,
+#blog-homepage .post .read-more {
+ text-align: right;
+}
+#blog-listing-medium .post {
+ margin-bottom: 60px;
+}
+#blog-listing-medium .post h2 {
+ text-transform: uppercase;
+ margin: 0 0 10px;
+ font-size: 24px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post h2 a {
+ color: #555555;
+}
+#blog-listing-medium .post h2 a:hover {
+ color: #da4d4d;
+}
+#blog-listing-medium .post .author-category {
+ float: left;
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ font-size: 12px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-medium .post .date-comments {
+ float: right;
+ font-size: 12px;
+}
+#blog-listing-medium .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-medium .post .date-comments a:hover {
+ color: #da4d4d;
+}
+@media (min-width: 768px) {
+ #blog-listing-medium .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-medium .post .intro {
+ text-align: left;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-medium .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-medium .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-medium .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-medium .post .read-more {
+ text-align: right;
+}
+.box-image-text.blog .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 300;
+ font-size: 12px;
+}
+.box-image-text.blog .author-category a {
+ font-weight: 500;
+}
+.box-image-text.blog .intro {
+ text-align: left;
+ margin-bottom: 20px;
+}
+#blog-homepage .post {
+ margin-bottom: 30px;
+}
+#blog-homepage .post h2,
+#blog-homepage .post h4,
+#blog-homepage .post .author-category,
+#blog-homepage .post .read-more {
+ text-align: center;
+}
+#blog-homepage .post .read-more {
+ margin-top: 20px;
+}
+#blog-post #post-content {
+ margin-bottom: 20px;
+}
+#blog-post .comment {
+ margin-bottom: 25px;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment .posted {
+ color: #999999;
+ font-size: 12px;
+}
+#blog-post .comment .reply {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#blog-post .comment.last {
+ margin-bottom: 0;
+}
+#blog-post #comments,
+#blog-post #comment-form {
+ padding: 20px 0;
+ margin-top: 20px;
+ border-top: solid 1px #eeeeee;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments h4,
+#blog-post #comment-form h4 {
+ margin-bottom: 20px;
+}
+#blog-post #comment-form {
+ margin-bottom: 20px;
+}
+.product {
+ background: #fff;
+ border-bottom: solid 1px #e6e6e6;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 60px;
+ overflow: hidden;
+ text-align: center;
+}
+.product .image {
+ overflow: hidden;
+}
+.product .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .product .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+.product .text {
+ padding: 10px;
+}
+.product .text h3 {
+ font-size: 14px;
+ font-weight: 700;
+ height: 39.6px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.product .text h3 a {
+ color: #555555;
+}
+.product .text h3 a:hover {
+ text-decoration: none;
+}
+.product .text p.price {
+ font-size: 18px;
+}
+.product .text p.price del {
+ color: #999999;
+}
+.product .buttons {
+ clear: both;
+ position: absolute;
+ display: none;
+ bottom: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ border: solid 1px transparent;
+ padding: 20px;
+ background: rgba(255, 255, 255, 0.9);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ text-align: center;
+}
+.product .buttons .btn {
+ margin-bottom: 20px;
+}
+.product:hover {
+ border-bottom: solid 1px #808080;
+ top: 0;
+}
+.product:hover .buttons {
+ clear: both;
+ position: absolute;
+ top: 0;
+ background: rgba(255, 255, 255, 0.5);
+}
+.product:hover .image img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.goToDescription {
+ font-size: 12px;
+ text-align: center;
+ margin-bottom: 40px;
+}
+.goToDescription a {
+ color: #999999;
+ text-decoration: underline;
+}
+#productMain {
+ margin-bottom: 30px;
+}
+#productMain .sizes {
+ text-align: center;
+}
+#productMain .sizes h3 {
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ margin-bottom: 40px;
+}
+#productMain .sizes a {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ border-radius: 40px;
+ background: #ccc;
+ line-height: 40px;
+ color: #555555;
+ text-align: center;
+ text-decoration: none;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#productMain .sizes a.active,
+#productMain .sizes a:hover {
+ background: #da4d4d;
+ color: #fff;
+}
+#productMain .sizes input {
+ display: none;
+}
+#productMain .price {
+ font-size: 40px;
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 40px;
+}
+#thumbs a {
+ display: block;
+ border: solid 1px transparent;
+}
+#thumbs a.active {
+ border-color: #da4d4d;
+}
+#product-social {
+ text-align: center;
+}
+#product-social h4 {
+ font-weight: 300;
+ margin-bottom: 10px;
+}
+#product-social p {
+ line-height: 26px;
+}
+#product-social p a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+#product-social p a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+#product-social p a.facebook {
+ background-color: #4460ae;
+}
+#product-social p a.gplus {
+ background-color: #c21f25;
+}
+#product-social p a.twitter {
+ background-color: #3cf;
+}
+#product-social p a.instagram {
+ background-color: #cd4378;
+}
+#product-social p a.email {
+ background-color: #4a7f45;
+}
+@media (max-width: 991px) {
+ #product-social {
+ text-align: center;
+ }
+}
+#checkout .nav {
+ margin-bottom: 20px;
+ border-bottom: solid 1px #da4d4d;
+}
+#checkout .nav li {
+ height: 100%;
+}
+#checkout .nav li a {
+ display: block;
+ height: 100%;
+}
+#order-summary table {
+ margin-top: 20px;
+}
+#order-summary table td {
+ color: #999999;
+}
+#order-summary table tr.total td,
+#order-summary table tr.total th {
+ font-size: 18px;
+ color: #555555;
+ font-weight: 700;
+}
+#checkout .table tbody tr td,
+#basket .table tbody tr td,
+#customer-order .table tbody tr td {
+ vertical-align: middle;
+}
+#checkout .table tbody tr td input,
+#basket .table tbody tr td input,
+#customer-order .table tbody tr td input {
+ width: 50px;
+ text-align: right;
+}
+#checkout .table tbody tr td img,
+#basket .table tbody tr td img,
+#customer-order .table tbody tr td img {
+ width: 50px;
+}
+#checkout .table tfoot,
+#basket .table tfoot,
+#customer-order .table tfoot {
+ font-size: 18px;
+}
+.shipping-method h4,
+.payment-method h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#customer-orders table tr th,
+#customer-orders table tr td {
+ vertical-align: baseline;
+}
+#customer-order .table tfoot th {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-order .addresses {
+ text-align: right;
+ margin-bottom: 30px;
+}
+#customer-order .addresses p {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-account {
+ margin-bottom: 30px;
+}
+#get-it {
+ background: #da4d4d;
+ padding: 50px 0 30px;
+ color: #fff;
+ text-align: center;
+}
+#get-it h1,
+#get-it h2,
+#get-it h3,
+#get-it h4,
+#get-it h5,
+#get-it h6 {
+ color: #fff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ margin: 0 0 20px;
+}
+#get-it p {
+ margin: 0 0 20px;
+}
+#footer {
+ background: #555555;
+ padding: 50px 0;
+ color: #999999;
+}
+#footer h1,
+#footer h2,
+#footer h3,
+#footer h4,
+#footer h5,
+#footer h6 {
+ color: #eeeeee;
+}
+#footer h4 {
+ font-size: 14px;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#footer ul {
+ padding-left: 0;
+ list-style: none;
+}
+#footer ul a {
+ color: #999999;
+}
+#footer ul a:hover {
+ color: #da4d4d;
+ text-decoration: none;
+}
+#footer .photostream div {
+ float: left;
+ display: block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 33%;
+ padding: 7.5px;
+ overflow: hidden;
+}
+#footer .photostream div a {
+ border: solid 1 px #eeeeee;
+}
+#footer .photostream div img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+#footer .photostream div:hover img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+#footer .blog-entries .item {
+ clear: both;
+ padding: 5px 0;
+ margin-bottom: 10px;
+ border-bottom: solid 1px #555555;
+}
+#footer .blog-entries .item .image {
+ float: left;
+ width: 15%;
+ margin-right: 10px;
+}
+#footer .blog-entries .item .name {
+ width: 75%;
+ margin-left: 10px;
+ display: table-cell;
+ vertical-align: middle;
+}
+#footer .blog-entries .item .name h5 {
+ margin: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-size: 12px;
+}
+#footer .blog-entries .item .name h5 a {
+ color: #eeeeee;
+}
+#footer .blog-entries .item .text {
+ width: 100%;
+ clear: both;
+}
+#footer .blog-entries .item:last-child {
+ border-bottom: none;
+ margin-bottom: 0;
+}
+#footer .social a {
+ color: #555555;
+ font-size: 25px;
+ margin: 0 10px 0 0;
+}
+#footer .social a:hover {
+ color: #da4d4d;
+}
+#copyright {
+ background: #333;
+ color: #ccc;
+ padding: 50px 0;
+ font-size: 12px;
+ line-height: 28px;
+}
+#copyright p {
+ margin: 0;
+}
+@media (max-width: 991px) {
+ #copyright p {
+ float: none !important;
+ text-align: center;
+ margin-bottom: 10px;
+ }
+}
+[data-animate] {
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+#style-switch-button {
+ position: fixed;
+ top: 100px;
+ left: 0px;
+ border-radius: 0;
+}
+#style-switch {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 300px;
+ padding: 20px;
+ position: fixed;
+ top: 140px;
+ left: 0;
+ background: #fff;
+ border: solid 1px #eeeeee;
+}
+@media (max-width: 991px) {
+ #style-switch-button {
+ display: none;
+ }
+ #style-switch {
+ display: none;
+ }
+}
+/* Original Boostrap template overwrite */
+/* breadcrumbs */
+.breadcrumb {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ background-color: none;
+ letter-spacing: 0.08em;
+}
+/* nav */
+.nav > li > a {
+ padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+ background-color: #eeeeee;
+}
+.nav > li.disabled > a {
+ color: #999999;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+ color: #999999;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+ background-color: #eeeeee;
+ border-color: #da4d4d;
+}
+.nav-tabs {
+ border-bottom: 1px solid #da4d4d;
+}
+.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: 0 0 0 0;
+}
+.nav-tabs > li > a:hover {
+ border-color: #eeeeee #eeeeee #da4d4d;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+ color: #555555;
+ background-color: #ffffff;
+ border: 1px solid #da4d4d;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+.nav-tabs.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #da4d4d;
+ 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;
+}
+.nav-tabs.nav-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+ border: 1px solid #da4d4d;
+}
+@media (min-width: 768px) {
+ .nav-tabs.nav-justified > li > a {
+ border-bottom: 1px solid #da4d4d;
+ border-radius: 0 0 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: #ffffff;
+ }
+}
+.nav-pills > li {
+ float: left;
+}
+.nav-pills > li > a {
+ border-radius: 0;
+}
+.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: #ffffff;
+ background-color: #da4d4d;
+}
+.nav-stacked > li {
+ float: none;
+}
+.nav-stacked > li + li {
+ margin-top: 2px;
+ margin-left: 0;
+}
+.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #da4d4d;
+}
+.nav-justified > li {
+ float: none;
+}
+.nav-justified > li > a {
+ text-align: center;
+ /*margin-bottom: 5px;*/
+}
+.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
+}
+.nav-tabs-justified {
+ border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+ border: 1px solid #da4d4d;
+}
+@media (min-width: 768px) {
+ .nav-tabs-justified > li > a {
+ border-bottom: 1px solid #da4d4d;
+ border-radius: 0 0 0 0;
+ }
+ .nav-tabs-justified > .active > a,
+ .nav-tabs-justified > .active > a:hover,
+ .nav-tabs-justified > .active > a:focus {
+ border-bottom-color: #ffffff;
+ }
+}
+.tab-content {
+ padding: 15px;
+ border: solid 1px #ddd;
+ border-top: none;
+}
+/* navbar */
+.navbar {
+ position: relative;
+ min-height: 62px;
+ margin-bottom: 0;
+ border-bottom: 1px solid transparent;
+}
+@media (min-width: 768px) {
+ .navbar {
+ border-radius: 0px;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-header {
+ float: left;
+ }
+}
+.navbar-collapse {
+ overflow-x: visible;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+.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;
+ }
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-affixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+ max-height: 340px;
+}
+@media (max-width: 480px) and (orientation: landscape) {
+ .navbar-fixed-top .navbar-collapse,
+ .navbar-affixed-top .navbar-collapse,
+ .navbar-fixed-bottom .navbar-collapse {
+ max-height: 200px;
+ }
+}
+.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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+@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: 10px 15px;
+ font-size: 18px;
+ line-height: 20px;
+ height: 62px;
+}
+.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: 14px;
+ margin-bottom: 14px;
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 0;
+}
+.navbar-toggle:focus {
+ outline: 0;
+}
+.navbar-nav {
+ margin: 10.5px -15px;
+}
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
+}
+@media (max-width: 767px) {
+ .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: 21px;
+ padding-bottom: 21px;
+ }
+ .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, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ margin-top: 14px;
+ margin-bottom: 14px;
+}
+@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: 14px;
+ margin-bottom: 14px;
+}
+.navbar-btn.btn-sm {
+ margin-top: 16px;
+ margin-bottom: 16px;
+}
+.navbar-btn.btn-xs {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.navbar-text {
+ margin-top: 21px;
+ margin-bottom: 21px;
+}
+@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: #ffffff;
+ border-color: #cccccc;
+ border-bottom: none;
+}
+.navbar-default .navbar-brand {
+ color: #555555;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+ color: #3b3b3b;
+ background-color: transparent;
+}
+.navbar-default .navbar-text {
+ color: #777777;
+}
+.navbar-default .navbar-nav > li > a {
+ color: #555555;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+ color: #555555;
+ background-color: #eca1a1;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: #ffffff;
+ background-color: #da4d4d;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+ color: #cccccc;
+ background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+ border-color: #dddddd;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+ background-color: #da4d4d;
+}
+.navbar-default .navbar-toggle .icon-bar {
+ background-color: #888888;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+ border-color: #cccccc;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+ background-color: #da4d4d;
+ color: #ffffff;
+}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+ color: #555555;
+ }
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #da4d4d;
+ }
+ .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: #ffffff;
+ background-color: #da4d4d;
+ }
+ .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: #cccccc;
+ background-color: transparent;
+ }
+}
+.navbar-default .navbar-link {
+ color: #555555;
+}
+.navbar-default .navbar-link:hover {
+ color: #555555;
+}
+.navbar-default .btn-link {
+ color: #555555;
+}
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
+ color: #555555;
+}
+.navbar-default .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-default .btn-link:hover,
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+ color: #cccccc;
+}
+/* scaffolding */
+body {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
+}
+a {
+ color: #da4d4d;
+ text-decoration: none;
+}
+a:hover,
+a:focus {
+ color: #b52626;
+ text-decoration: underline;
+}
+a:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+.img-rounded {
+ border-radius: 0;
+}
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #eeeeee;
+}
+/* breadcrumbs */
+.breadcrumb {
+ padding: 20px 0;
+ margin-bottom: 20px;
+ background-color: transparent;
+ border-radius: 0;
+ text-align: right;
+}
+.breadcrumb > li + li:before {
+ content: ">\00a0";
+ color: #555555;
+}
+.breadcrumb > .active {
+ color: #999999;
+}
+@media (max-width: 991px) {
+ .breadcrumb {
+ padding: 20px 0;
+ text-align: center;
+ }
+}
+/* dropdowns */
+.dropdown-menu {
+ z-index: 1000;
+ font-size: 14px;
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ box-shadow: 0 6px 12px rgba(0, 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 {
+ padding: 5px 20px;
+ line-height: 1.42857143;
+ color: #333333;
+ white-space: nowrap;
+}
+/* labels */
+.label {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+/* forms.less */
+label {
+ font-weight: normal;
+}
+.form-control {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-radius: 0;
+}
+.form-control:focus {
+ border-color: #da4d4d;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(218, 77, 77, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(218, 77, 77, 0.6);
+}
+.form-group {
+ margin-bottom: 20px;
+}
+/* pager*/
+.pager {
+ margin: 20px 0;
+ border-top: solid 1px #eeeeee;
+ padding-top: 20px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.pager li {
+ display: inline;
+}
+.pager li > a,
+.pager li > span {
+ background-color: #ffffff;
+ border: 1px solid #da4d4d;
+ border-radius: 0;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+ text-decoration: none;
+ color: #fff;
+ background-color: #da4d4d;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #ddd;
+}
+/* pagination */
+.pagination {
+ margin: 20px 0;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ border-radius: 0;
+}
+.pagination > li > a,
+.pagination > li > span {
+ padding: 6px 12px;
+ line-height: 1.42857143;
+ text-decoration: none;
+ color: #da4d4d;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+ color: #da4d4d;
+ background-color: #f4cccc;
+ border-color: #dddddd;
+}
+.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: #ffffff;
+ background-color: #da4d4d;
+ border-color: #da4d4d;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #dddddd;
+}
+/* responsive utilities */
+@media (max-width: 767px) {
+ .text-center-xs {
+ text-align: center !important;
+ }
+ .text-center-xs img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+ .text-center-sm {
+ text-align: center !important;
+ }
+ .text-center-sm img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+/* type */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: 900;
+ line-height: 1.1;
+ color: #333333;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+p {
+ margin: 0 0 10px;
+}
+.lead {
+ margin-bottom: 20px;
+ font-size: 18px;
+}
+@media (min-width: 768px) {
+ .lead {
+ font-size: 21px;
+ }
+}
+.text-small {
+ font-size: 12px;
+}
+.text-large {
+ font-size: 18px;
+}
+.text-italic {
+ font-style: italic;
+}
+.text-primary {
+ color: #da4d4d;
+}
+a.text-primary:hover {
+ color: #ca2a2a;
+}
+.bg-primary {
+ color: #fff;
+ background-color: #da4d4d;
+}
+a.bg-primary:hover {
+ background-color: #ca2a2a;
+}
+abbr[title],
+abbr[data-original-title] {
+ border-bottom: 1px dotted #999999;
+}
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 14px;
+ border-left: 5px solid #da4d4d;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #999999;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+ content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+ border-right: 5px solid #da4d4d;
+}
+address {
+ margin-bottom: 20px;
+ line-height: 1.42857143;
+}
+.panel {
+ margin-bottom: 20px;
+ background-color: #ffffff;
+ border: 1px solid transparent;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 0;
+ box-shadow: 0 0 0;
+}
+.panel-heading {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 15px 15px;
+}
+.progress {
+ overflow: hidden;
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.panel-group {
+ margin-bottom: 20px;
+}
+.panel-group .panel {
+ margin-bottom: 0;
+ border-radius: 0;
+ overflow: hidden;
+}
+.panel-group .panel + .panel {
+ margin-top: 5px;
+}
+.panel-group.accordion .panel {
+ border-color: #ccc;
+}
+.panel-primary {
+ border-color: #da4d4d;
+}
+.panel-primary > .panel-heading {
+ color: #ffffff;
+ background-color: #da4d4d;
+ border-color: #da4d4d;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #da4d4d;
+}
+.panel-primary > .panel-heading .badge {
+ color: #da4d4d;
+ background-color: #ffffff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #da4d4d;
+}
+.panel-primary .panel-title {
+ font-weight: 300;
+}
+.panel-primary .panel-title a:hover {
+ color: #fff;
+ text-decoration: none;
+}
+a.badge:hover,
+a.badge:focus {
+ color: #ffffff;
+ text-decoration: none;
+ cursor: pointer;
+}
+a.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+ color: #da4d4d;
+ background-color: #ffffff;
+}
+.nav-pills > li > a > .badge {
+ margin-left: 3px;
+}
+.progress-bar-primary {
+ background-color: #da4d4d;
+}
+.progress-striped .progress-bar-primary {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+/*!
+ * Yamm!3 - Yet another megamenu for Bootstrap 3
+ * http://geedmo.github.com/yamm3
+ *
+ * @geedmo - Licensed under the MIT license
+ */
+.yamm .nav,
+.yamm .collapse,
+.yamm .dropup.use-yamm,
+.yamm .dropdown.use-yamm {
+ position: static;
+}
+.yamm .container {
+ position: relative;
+}
+.yamm .dropdown-menu {
+ left: auto;
+}
+.yamm .nav.navbar-right .dropdown-menu {
+ left: auto;
+ right: 0;
+}
+.yamm .yamm-content {
+ padding: 20px 30px;
+}
+.yamm .dropdown.yamm-fw .dropdown-menu {
+ left: 15px;
+ right: 15px;
+}
diff --git a/css/style.turquoise.css b/css/style.turquoise.css
new file mode 100755
index 0000000..f4607c8
--- /dev/null
+++ b/css/style.turquoise.css
@@ -0,0 +1,3557 @@
+.clearfix:before,
+.clearfix:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after {
+ content: " ";
+ display: table;
+}
+.clearfix:after,
+.navbar:after,
+.navbar-header: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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+/* general styles */
+a,
+button {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+a i.fa,
+button i.fa {
+ margin: 0 5px;
+}
+.clickable {
+ cursor: pointer !important;
+}
+.required {
+ color: #4fbfa8;
+}
+.accent {
+ color: #4fbfa8;
+}
+.text-uppercase {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .text-center-sm {
+ text-align: center;
+ }
+}
+p.lead {
+ margin-bottom: 40px;
+}
+section,
+div.section {
+ margin-bottom: 40px;
+}
+.no-mb {
+ margin-bottom: 0 !important;
+}
+.mb-small {
+ margin-bottom: 20px !important;
+}
+.heading {
+ margin-bottom: 40px;
+}
+.heading h1,
+.heading h2,
+.heading h3,
+.heading h4,
+.heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #4fbfa8;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+ vertical-align: middle;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.heading h1 i.fa,
+.heading h2 i.fa,
+.heading h3 i.fa,
+.heading h4 i.fa,
+.heading h5 i.fa {
+ display: inline-block;
+ background: #4fbfa8;
+ width: 30px;
+ height: 30px;
+ vertical-align: middle;
+ text-align: center;
+ color: #fff;
+ font-size: 12px;
+ line-height: 30px;
+ border-radius: 15px;
+}
+.icon {
+ display: inline-block;
+ width: 80px;
+ height: 80px;
+ color: #fff;
+ line-height: 80px;
+ border-radius: 40px;
+ border: solid 1px #fff;
+ font-size: 20px;
+}
+.icon.icon-lg {
+ font-size: 30px;
+ border-width: 2px;
+}
+.ul-icons {
+ padding-left: 10px;
+}
+.ul-icons li {
+ list-style-type: none;
+ line-height: 20px;
+ margin-bottom: 20px;
+}
+.ul-icons li i {
+ width: 20px;
+ height: 20px;
+ background: #4fbfa8;
+ color: #fff;
+ text-align: center;
+ border-radius: 10px;
+ line-height: 20px;
+ margin-right: 10px;
+}
+ul.list-style-none {
+ list-style: none;
+}
+#text-page h1,
+#text-page h2,
+#text-page h3 {
+ font-weight: 700;
+}
+#error-page {
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 100px;
+}
+#error-page h4 {
+ margin-bottom: 40px;
+}
+#error-page p.buttons {
+ margin-top: 40px;
+}
+.pages-listing .item {
+ text-align: center;
+}
+.pages-listing .item h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+ letter-spacing: 0.08em;
+}
+.pages-listing .item h3 a {
+ color: #555555;
+}
+.pages-listing .item .text {
+ margin-bottom: 20px;
+}
+.pages-listing .item .text p {
+ color: #999999;
+ font-size: 12px;
+ margin-bottom: 20px;
+}
+.banner {
+ margin-bottom: 30px;
+ text-align: center;
+}
+.banner img {
+ margin: 0 auto;
+}
+.banner a:hover img {
+ opacity: 0.8;
+ filter: alpha(opacity=80);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.pages {
+ text-align: center;
+}
+.pages .loadMore {
+ text-align: center;
+}
+.pages .pagination {
+ text-align: center;
+}
+.features-buttons button {
+ margin-bottom: 20px;
+}
+@media (min-width: 1300px) {
+ body.boxed {
+ background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png);
+ }
+ body.boxed #all {
+ position: relative;
+ background: #fff;
+ width: 1200px;
+ margin: 0 auto;
+ overflow: hidden;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ }
+}
+#top {
+ background: #555555;
+ color: #eeeeee;
+ padding: 10px 0;
+}
+#top p {
+ margin: 0;
+ font-size: 12px;
+}
+#top .social {
+ float: right;
+ text-align: right;
+}
+#top .social a {
+ color: #999999;
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ border-radius: 12px;
+ line-height: 20px;
+ font-size: 12px;
+ text-align: center;
+ vertical-align: bottom;
+}
+#top .social a:hover {
+ color: #fff;
+}
+#top .social a:hover.facebook {
+ background-color: #4460ae;
+}
+#top .social a:hover.gplus {
+ background-color: #c21f25;
+}
+#top .social a:hover.twitter {
+ background-color: #3cf;
+}
+#top .social a:hover.instagram {
+ background-color: #cd4378;
+}
+#top .social a:hover.email {
+ background-color: #4a7f45;
+}
+#top .login {
+ float: right;
+}
+#top .login a {
+ font-size: 12px;
+ color: #eeeeee;
+ margin-right: 15px;
+ text-decoration: none;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 767px) {
+ #top .login {
+ float: left;
+ }
+}
+#top.light {
+ background: #fff;
+ color: #999999;
+ border-bottom: solid 1px #eeeeee;
+}
+#top.light .login a {
+ color: #555555;
+}
+.navbar {
+ border: none;
+}
+.navbar ul.nav > li > a {
+ text-transform: uppercase;
+ text-decoration: underline;
+ font-weight: bold;
+ letter-spacing: 0.08em;
+ border-top: solid 5px transparent;
+}
+.navbar ul.nav > li > a:hover {
+ border-top: solid 5px #4fbfa8;
+}
+.navbar ul.nav > li.active > a,
+.navbar ul.nav > li.open > a {
+ text-decoration: none !important;
+ border-top: solid 5px #2d7b6b;
+}
+@media (max-width: 768px) {
+ .navbar ul.nav > li.active > a,
+ .navbar ul.nav > li.open > a {
+ border-top-color: transparent;
+ }
+ .navbar ul.nav > li > a:hover {
+ border-top-color: transparent;
+ }
+}
+.navbar.navbar-light ul.nav > li.active > a {
+ border-top: solid 5px #2d7b6b;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar.navbar-light ul.nav > li.active > a:hover {
+ border-top: solid 5px #2d7b6b;
+}
+.navbar.navbar-light ul.nav > li > a:hover,
+.navbar.navbar-light ul.nav > li.open > a:hover,
+.navbar.navbar-light ul.nav > li > a:focus,
+.navbar.navbar-light ul.nav > li.open > a:focus {
+ border-top: solid 5px #4fbfa8;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar ul.dropdown-menu {
+ margin: 0;
+ padding: 0;
+}
+.navbar ul.dropdown-menu li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 4px 0;
+}
+.navbar ul.dropdown-menu li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ left: 0;
+}
+.navbar ul.dropdown-menu li a:hover {
+ color: #4fbfa8;
+ text-decoration: none;
+ background: none;
+ left: 2px;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .navbar ul.dropdown-menu li a:hover {
+ left: 0;
+ }
+}
+.navbar .yamm-content h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ margin-top: 5px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 767px) {
+ .navbar .yamm-content h3 {
+ font-size: 14px;
+ }
+}
+.navbar .yamm-content h5 {
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+.navbar .yamm-content ul {
+ margin: 0;
+ padding: 0;
+}
+.navbar .yamm-content ul li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ padding: 4px 0;
+}
+.navbar .yamm-content ul li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.navbar .yamm-content ul li a:hover {
+ color: #4fbfa8;
+ text-decoration: none;
+ padding-left: 2px;
+}
+.navbar .yamm-content .banner {
+ margin-bottom: 10px;
+}
+.navbar .yamm-fw .dropdown-menu {
+ padding: 0;
+}
+.navbar .navbar-buttons {
+ float: right;
+}
+.navbar .navbar-buttons button,
+.navbar .navbar-buttons a.btn,
+.navbar .navbar-buttons .btn-default.navbar-toggle {
+ margin-top: 11px;
+ margin-bottom: 11px;
+ margin-left: 0;
+ margin-right: 5px;
+}
+.navbar .btn-default,
+.navbar .btn-default.navbar-toggle {
+ color: #999999;
+ background-color: #fff;
+ margin-left: 7px;
+ margin-right: 0;
+}
+.navbar .btn-default:hover,
+.navbar .btn-default.navbar-toggle:hover,
+.navbar .btn-default:focus,
+.navbar .btn-default.navbar-toggle:focus {
+ background-color: #fff;
+ border-color: #4fbfa8;
+ color: #4fbfa8;
+}
+.navbar #search {
+ clear: both;
+ border-top: solid 1px #4fbfa8;
+ text-align: right;
+}
+.navbar #search form {
+ float: right;
+}
+.navbar #search form .input-group {
+ width: 500px;
+}
+@media (max-width: 768px) {
+ .navbar #search form .input-group {
+ width: 100%;
+ }
+}
+.navbar #basket-overview a {
+ margin-left: 7px;
+}
+.navbar-affixed-top {
+ top: -32px;
+}
+.navbar-affixed-top.affix-top {
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+.navbar-affixed-top.affix {
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1000;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+body.boxed .navbar-affixed-top.affix {
+ position: static;
+}
+#login-modal {
+ overflow: hidden;
+}
+#login-modal .modal-header h4 {
+ text-transform: uppercase;
+}
+#login-modal form {
+ margin-bottom: 20px;
+}
+#login-modal a {
+ color: #4fbfa8;
+}
+#login-modal p {
+ font-weight: 300;
+ margin-bottom: 20px;
+ font-size: 13px;
+}
+/* buttons */
+.btn {
+ font-weight: 700;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 6px 12px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ border-radius: 0;
+}
+.input-group .btn {
+ font-size: 14px;
+}
+.btn-lg {
+ padding: 10px 16px;
+ font-size: 14px;
+ line-height: 1.33;
+ border-radius: 0;
+}
+.btn-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-xs {
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-template-main {
+ color: #4fbfa8;
+ background-color: #ffffff;
+ border-color: #4fbfa8;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ color: #4fbfa8;
+ background-color: #e6e6e6;
+ border-color: #389985;
+}
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ background-image: none;
+}
+.btn-template-main.disabled,
+.btn-template-main[disabled],
+fieldset[disabled] .btn-template-main,
+.btn-template-main.disabled:hover,
+.btn-template-main[disabled]:hover,
+fieldset[disabled] .btn-template-main:hover,
+.btn-template-main.disabled:focus,
+.btn-template-main[disabled]:focus,
+fieldset[disabled] .btn-template-main:focus,
+.btn-template-main.disabled:active,
+.btn-template-main[disabled]:active,
+fieldset[disabled] .btn-template-main:active,
+.btn-template-main.disabled.active,
+.btn-template-main[disabled].active,
+fieldset[disabled] .btn-template-main.active {
+ background-color: #ffffff;
+ border-color: #4fbfa8;
+}
+.btn-template-main .badge {
+ color: #ffffff;
+ background-color: #4fbfa8;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active {
+ background: #4fbfa8;
+ color: #ffffff;
+ border-color: #4fbfa8;
+}
+.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ background-image: none;
+}
+.btn-template-transparent-primary.disabled,
+.btn-template-transparent-primary[disabled],
+fieldset[disabled] .btn-template-transparent-primary,
+.btn-template-transparent-primary.disabled:hover,
+.btn-template-transparent-primary[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-primary:hover,
+.btn-template-transparent-primary.disabled:focus,
+.btn-template-transparent-primary[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-primary:focus,
+.btn-template-transparent-primary.disabled:active,
+.btn-template-transparent-primary[disabled]:active,
+fieldset[disabled] .btn-template-transparent-primary:active,
+.btn-template-transparent-primary.disabled.active,
+.btn-template-transparent-primary[disabled].active,
+fieldset[disabled] .btn-template-transparent-primary.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active {
+ background: #fff;
+ color: #4fbfa8;
+ border-color: #fff;
+}
+.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ background-image: none;
+}
+.btn-template-transparent-black.disabled,
+.btn-template-transparent-black[disabled],
+fieldset[disabled] .btn-template-transparent-black,
+.btn-template-transparent-black.disabled:hover,
+.btn-template-transparent-black[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-black:hover,
+.btn-template-transparent-black.disabled:focus,
+.btn-template-transparent-black[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-black:focus,
+.btn-template-transparent-black.disabled:active,
+.btn-template-transparent-black[disabled]:active,
+fieldset[disabled] .btn-template-transparent-black:active,
+.btn-template-transparent-black.disabled.active,
+.btn-template-transparent-black[disabled].active,
+fieldset[disabled] .btn-template-transparent-black.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active {
+ background: #fff;
+ color: #000;
+ border-color: #fff;
+}
+.btn-template-primary {
+ color: #ffffff;
+ background-color: #4fbfa8;
+ border-color: #4fbfa8;
+}
+.btn-template-primary:hover,
+.btn-template-primary:focus,
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ color: #ffffff;
+ background-color: #3aa18c;
+ border-color: #389985;
+}
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ background-image: none;
+}
+.btn-template-primary.disabled,
+.btn-template-primary[disabled],
+fieldset[disabled] .btn-template-primary,
+.btn-template-primary.disabled:hover,
+.btn-template-primary[disabled]:hover,
+fieldset[disabled] .btn-template-primary:hover,
+.btn-template-primary.disabled:focus,
+.btn-template-primary[disabled]:focus,
+fieldset[disabled] .btn-template-primary:focus,
+.btn-template-primary.disabled:active,
+.btn-template-primary[disabled]:active,
+fieldset[disabled] .btn-template-primary:active,
+.btn-template-primary.disabled.active,
+.btn-template-primary[disabled].active,
+fieldset[disabled] .btn-template-primary.active {
+ background-color: #4fbfa8;
+ border-color: #4fbfa8;
+}
+.btn-template-primary .badge {
+ color: #4fbfa8;
+ background-color: #ffffff;
+}
+#intro {
+ background: url('../img/home.jpg') no-repeat center top;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+#intro .item {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ height: 100%;
+}
+#intro .item h1 {
+ text-transform: uppercase;
+ font-size: 50px;
+ color: #fff;
+ margin-bottom: 40px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #intro .item h1 {
+ font-size: 40px;
+ }
+}
+@media (max-width: 767px) {
+ #intro .item h1 {
+ font-size: 25px;
+ }
+}
+#intro .item h3 {
+ color: #fff;
+ margin-bottom: 40px;
+}
+@media (max-width: 767px) {
+ #intro .item h3 {
+ font-size: 15px;
+ margin-bottom: 20px;
+ }
+}
+#intro .item .btn {
+ text-transform: none;
+}
+@media (max-width: 991px) {
+ #intro .item .btn {
+ font-size: 14px;
+ }
+}
+@media (max-width: 991px) {
+ #intro .item .carousel-caption {
+ left: 10%;
+ right: 10%;
+ }
+}
+#intro .container,
+#intro .row {
+ height: 100%;
+ position: relative;
+}
+.jumbotron {
+ padding: 30px;
+ margin-bottom: 0;
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.jumbotron .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #4fbfa8;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3,
+.jumbotron p,
+.jumbotron ul {
+ color: #fff;
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3 {
+ color: #ffffff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.jumbotron p {
+ margin-bottom: 20px;
+ font-size: 21px;
+ font-weight: 400;
+}
+.jumbotron p.text-uppercase {
+ font-weight: 700;
+}
+.jumbotron > hr {
+ border-top-color: #d5d5d5;
+}
+.container .jumbotron {
+ border-radius: 0;
+}
+.jumbotron .container {
+ max-width: 100%;
+ z-index: 2;
+}
+@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: 46px;
+ }
+}
+#categoryMenu h3 {
+ padding: 20px;
+ background: #f7f7f7;
+ margin: 0;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu h3 {
+ padding: 5px 0;
+ margin: 0;
+}
+.panel.sidebar-menu {
+ background: #fff;
+ margin: 0 0 20px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.panel.sidebar-menu .panel-heading {
+ text-transform: uppercase;
+ margin-bottom: 10px;
+ background: none;
+ padding: 0;
+ letter-spacing: 0.08em;
+ border-bottom: none;
+}
+.panel.sidebar-menu .panel-heading h1,
+.panel.sidebar-menu .panel-heading h2,
+.panel.sidebar-menu .panel-heading h3,
+.panel.sidebar-menu .panel-heading h4,
+.panel.sidebar-menu .panel-heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #4fbfa8;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+}
+.panel.sidebar-menu .panel-heading .btn.btn-danger {
+ color: #fff;
+ margin-top: 5px;
+}
+.panel.sidebar-menu .panel-body {
+ padding: 0;
+}
+.panel.sidebar-menu .panel-body span.colour {
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ border: solid 1px #555555;
+ vertical-align: top;
+ margin-top: 2px;
+ margin-left: 5px;
+}
+.panel.sidebar-menu .panel-body span.colour.white {
+ background: #fff;
+}
+.panel.sidebar-menu .panel-body span.colour.red {
+ background: red;
+}
+.panel.sidebar-menu .panel-body span.colour.green {
+ background: green;
+}
+.panel.sidebar-menu .panel-body span.colour.blue {
+ background: blue;
+}
+.panel.sidebar-menu .panel-body span.colour.yellow {
+ background: yellow;
+}
+.panel.sidebar-menu .panel-body label {
+ color: #999999;
+ font-size: 12px;
+}
+.panel.sidebar-menu .panel-body label:hover {
+ color: #555555;
+}
+.panel.sidebar-menu ul.nav.category-menu {
+ margin-bottom: 20px;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu ul.nav.category-menu li a {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.panel.sidebar-menu ul.nav ul {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.nav ul li {
+ display: block;
+}
+.panel.sidebar-menu ul.nav ul li a {
+ position: relative;
+ font-family: "Times New Roman", Times, serif;
+ font-weight: normal;
+ text-transform: none !important;
+ display: block;
+ padding: 10px 15px;
+ padding-left: 30px;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.nav ul li a:hover,
+.panel.sidebar-menu ul.nav ul li a:focus {
+ text-decoration: none;
+ background-color: #eeeeee;
+}
+.panel.sidebar-menu ul.tag-cloud {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.tag-cloud li {
+ display: inline-block;
+}
+.panel.sidebar-menu ul.tag-cloud li a {
+ display: inline-block;
+ padding: 5px;
+ border: solid 1px #eeeeee;
+ border-radius: 0;
+ color: #4fbfa8;
+ margin: 5px 5px 5px 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 700;
+ font-size: 12px;
+}
+.panel.sidebar-menu ul.tag-cloud li a:hover {
+ color: #4fbfa8;
+ text-decoration: none;
+ border-color: #4fbfa8;
+}
+.panel.sidebar-menu ul.popular,
+.panel.sidebar-menu ul.recent {
+ list-style: none;
+ padding-left: 0;
+ padding: 20px 0;
+}
+.panel.sidebar-menu ul.popular li,
+.panel.sidebar-menu ul.recent li {
+ margin-bottom: 10px;
+ padding: 5px 0;
+ border-bottom: dotted 1px #eeeeee;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li img,
+.panel.sidebar-menu ul.recent li img {
+ width: 50px;
+ margin-right: 10px;
+}
+.panel.sidebar-menu ul.popular li h5,
+.panel.sidebar-menu ul.recent li h5 {
+ margin: 0 0 10px;
+}
+.panel.sidebar-menu ul.popular li h5 a,
+.panel.sidebar-menu ul.recent li h5 a {
+ font-weight: normal;
+}
+.panel.sidebar-menu ul.popular li p.date,
+.panel.sidebar-menu ul.recent li p.date {
+ float: right;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.popular li:last-child,
+.panel.sidebar-menu ul.recent li:last-child {
+ border-bottom: none;
+}
+.panel.sidebar-menu .text-widget {
+ font-size: 12px;
+}
+.panel.sidebar-menu.with-icons ul.nav li a:after {
+ font-family: 'FontAwesome';
+ content: "\f105";
+ position: relative;
+ top: 0;
+ float: right;
+}
+/* ribbons for product sales etc. */
+.ribbon {
+ position: absolute;
+ top: 50px;
+ padding-left: 51px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.ribbon .ribbon-background {
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.ribbon .theribbon {
+ position: relative;
+ width: 80px;
+ padding: 6px 20px 6px 20px;
+ margin: 30px 10px 10px -71px;
+ color: #fff;
+ background-color: #4fbfa8;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.ribbon .theribbon:before,
+.ribbon .theribbon:after {
+ content: ' ';
+ position: absolute;
+ width: 0;
+ height: 0;
+}
+.ribbon .theribbon:after {
+ left: 0px;
+ top: 100%;
+ border-width: 5px 10px;
+ border-style: solid;
+ border-color: #000000 #000000 transparent transparent;
+}
+.ribbon.sale {
+ top: 0;
+}
+.ribbon.new {
+ top: 50px;
+}
+.ribbon.new .theribbon {
+ background-color: #5bc0de;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.new .theribbon:after {
+ border-color: #2390b0 #2390b0 transparent transparent;
+}
+.ribbon.gift {
+ top: 100px;
+}
+.ribbon.gift .theribbon {
+ background-color: #5cb85c;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.gift .theribbon:after {
+ border-color: #357935 #357935 transparent transparent;
+}
+.owl-carousel .owl-controls .owl-page.active span,
+.owl-theme .owl-controls .owl-page.active span,
+.owl-carousel .owl-controls.clickable .owl-page:hover span,
+.owl-theme .owl-controls.clickable .owl-page:hover span {
+ background: #4fbfa8;
+}
+.owl-carousel .owl-controls .owl-buttons,
+.owl-theme .owl-controls .owl-buttons {
+ position: absolute;
+ top: 5px;
+ right: 0;
+}
+.owl-carousel .owl-controls .owl-buttons div,
+.owl-theme .owl-controls .owl-buttons div {
+ width: 26px;
+ height: 26px;
+ line-height: 25px;
+ margin: 0 5px 0 0;
+ font-size: 18px;
+ color: #4fbfa8;
+ padding: 0;
+ background: #fff;
+ border-radius: 13px;
+ vertical-align: middle;
+ text-align: center;
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+.home-carousel {
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.home-carousel .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #4fbfa8;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.home-carousel .owl-carousel {
+ padding-top: 60px;
+ padding-bottom: 20px;
+}
+.home-carousel .owl-theme .owl-controls .owl-page span {
+ background: #666;
+}
+.home-carousel .owl-theme .owl-controls .owl-page.active span {
+ background: #fff;
+}
+.home-carousel .owl-theme .owl-controls .owl-page:hover span {
+ background: #fff;
+}
+@media (max-width: 767px) {
+ .home-carousel {
+ text-align: center !important;
+ }
+}
+@media (min-width: 992px) {
+ .home-carousel .right {
+ text-align: right;
+ }
+}
+.home-carousel h1,
+.home-carousel h2,
+.home-carousel h3,
+.home-carousel p,
+.home-carousel ul {
+ color: #fff;
+}
+.home-carousel h1 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 46px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .home-carousel h1 {
+ font-size: 36px;
+ }
+}
+.home-carousel h2 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 40px;
+ letter-spacing: 0.08em;
+}
+.home-carousel ul,
+.home-carousel p {
+ font-size: 18px;
+ font-weight: 700;
+ padding: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 991px) {
+ .home-carousel ul,
+ .home-carousel p {
+ font-size: 14px;
+ }
+}
+.home-carousel ul li {
+ margin-bottom: 10px;
+}
+.customers {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.customers .item {
+ list-style-type: none;
+ text-align: center;
+ margin: 0 20px;
+}
+.customers .item img {
+ display: inline-block;
+ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+ /* Firefox 10+, Firefox on Android */
+ filter: gray;
+ /* IE6-9 */
+ -webkit-filter: grayscale(100%);
+ /* Chrome 19+, Safari 6+, Safari 6+ iOS */
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.customers .item img:hover {
+ max-width: auto;
+ filter: none;
+ -webkit-filter: none;
+}
+.testimonials {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.testimonials .item {
+ list-style-type: none;
+ margin: 0 5px;
+ background: #fff;
+ padding-bottom: 60px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.testimonials .item .testimonial {
+ position: relative;
+ padding: 20px;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial .text {
+ color: #999999;
+ margin-bottom: 40px;
+}
+.testimonials .item .testimonial .bottom {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px;
+ height: 50px;
+}
+.testimonials .item .testimonial .bottom .icon {
+ color: #4fbfa8;
+ font-size: 30px;
+ float: left;
+ width: 20%;
+}
+.testimonials .item .testimonial .name-picture {
+ float: right;
+ width: 80%;
+ text-align: right;
+}
+.testimonials .item .testimonial .name-picture h5 {
+ font-size: 14px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.testimonials .item .testimonial .name-picture p {
+ color: #999999;
+ margin: 0;
+ font-size: 12px;
+}
+.testimonials .item .testimonial .name-picture img {
+ float: right;
+ width: 60px;
+ border-radius: 30px;
+ margin-left: 10px;
+}
+.team-member {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.team-member h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ letter-spacing: 0.08em;
+}
+.team-member h3 a {
+ color: #555555;
+}
+.team-member p.role {
+ color: #999999;
+ font-size: 12px;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.team-member .social {
+ margin-bottom: 20px;
+}
+.team-member .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email {
+ background-color: #4a7f45;
+}
+.team-member .text p {
+ color: #999999;
+ font-size: 12px;
+}
+.team-member .social,
+.team-member-detail .social {
+ margin-bottom: 20px;
+}
+.team-member .social a,
+.team-member-detail .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i,
+.team-member-detail .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook,
+.team-member-detail .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus,
+.team-member-detail .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter,
+.team-member-detail .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram,
+.team-member-detail .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email,
+.team-member-detail .social a.email {
+ background-color: #4a7f45;
+}
+.box-simple {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.box-simple .icon {
+ color: #4fbfa8;
+ border-color: #4fbfa8;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.box-simple h3 {
+ font-weight: normal;
+ font-size: 18px;
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-simple h3 a {
+ color: #555555;
+}
+.box-simple p {
+ color: #999999;
+}
+.box-simple:hover .icon {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.box-simple:hover .icon i {
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+}
+.box-simple.box-white {
+ padding: 20px;
+ border: dotted 1px #999999;
+}
+.box-simple.box-white .icon {
+ color: #555555;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark {
+ padding: 20px;
+ border: dotted 1px #999999;
+ background: #555555;
+ color: #fff;
+}
+.box-simple.box-dark .icon {
+ color: #f7f7f7;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark h3 {
+ color: #fff;
+}
+.box-simple.box-dark h3 a {
+ color: #fff;
+}
+.box-simple.box-dark p {
+ color: #fff;
+}
+.box-image {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #4fbfa8;
+}
+.box-image .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+.box-image-text {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image-text .top {
+ position: relative;
+ margin-bottom: 10px;
+}
+.box-image-text .top .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #4fbfa8;
+}
+.box-image-text .top .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .top .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image-text .top .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image-text .top .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .content h3,
+.box-image-text .content h4 {
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-image-text .content p {
+ color: #999999;
+}
+.box-image-text:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image-text:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image-text:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+/* universal box */
+.box {
+ background: #fff;
+ margin: 0 0 30px;
+ border: solid 1px #ccc;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px 0;
+ border-left: none;
+ border-right: none;
+}
+.box .box-header {
+ background: #f7f7f7;
+ margin: -20px 0 20px;
+ padding: 20px;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-footer {
+ background: #f7f7f7;
+ margin: 30px 0 -20px;
+ padding: 20px;
+ border-top: solid 1px #eeeeee;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+@media (max-width: 991px) {
+ .box .box-footer .btn {
+ margin-bottom: 20px;
+ }
+}
+.box.no-border {
+ border: none;
+}
+#heading-breadcrumbs {
+ background: url('../img/texture-bw.png') center center repeat;
+ padding: 20px 0;
+ margin-bottom: 40px;
+}
+#heading-breadcrumbs.no-mb {
+ margin-bottom: 0;
+}
+#heading-breadcrumbs h1 {
+ color: #333333;
+ text-transform: uppercase;
+ font-size: 30px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #heading-breadcrumbs h1 {
+ text-align: center;
+ }
+}
+#heading-breadcrumbs ul.breadcrumb {
+ margin-top: 5px;
+ margin-bottom: 0;
+}
+.bar {
+ position: relative;
+ background: #4fbfa8;
+ padding: 60px 0;
+}
+.bar.background-pentagon {
+ background: url('../img/texture-bw.png') center center repeat;
+ border-top: solid 1px #999999;
+ border-bottom: solid 1px #999999;
+}
+.bar.background-gray {
+ background: #eeeeee;
+}
+.bar.background-gray-dark {
+ background: #555555;
+}
+.bar.background-white {
+ background: #fff;
+}
+.bar.background-image-fixed-1 {
+ background: url('../img/fixed-background-1.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.background-image-fixed-2 {
+ background: url('../img/fixed-background-2.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.color-white h1,
+.bar.color-white h2,
+.bar.color-white h3,
+.bar.color-white h4,
+.bar.color-white h5,
+.bar.color-white h6,
+.bar.color-white p {
+ color: #fff;
+}
+.bar.padding-big {
+ padding: 50px 0;
+}
+.bar.padding-horizontal {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+.bar.margin-vertical {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.bar .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+}
+.portfolio.no-space {
+ padding: 0 15px;
+}
+.portfolio.no-space .box-image {
+ margin: 0 -15px;
+}
+.portfolio-project .project-more h4 {
+ color: #555555;
+ text-transform: uppercase;
+ margin-bottom: 0;
+ text-align: left;
+ font-size: 14px;
+ letter-spacing: 0.08em;
+}
+.portfolio-project .project-more p {
+ color: #999999;
+ padding: 10px 0;
+ margin-bottom: 20px;
+ text-align: left;
+}
+.portfolio-showcase {
+ margin: 15px 0 60px;
+}
+.portfolio-showcase h3 a {
+ text-transform: uppercase;
+ line-height: 1.5;
+ letter-spacing: 0.08em;
+}
+.portfolio-showcase p.lead {
+ color: #555555;
+ margin-bottom: 20px;
+}
+.portfolio-showcase p {
+ color: #999999;
+}
+.portfolio-showcase p.buttons {
+ margin-top: 40px;
+}
+.see-more {
+ text-align: center;
+ margin-top: 20px;
+ padding-top: 20px;
+}
+.see-more p {
+ font-size: 28px;
+ font-weight: 100;
+ margin-bottom: 20px;
+}
+.showcase .item {
+ text-align: center;
+}
+.showcase .item .icon {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ color: #555555;
+ line-height: 50px;
+ border-radius: 25px;
+ border: solid 1px #555555;
+}
+.showcase .item h4 {
+ color: #555555;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ line-height: 1.5;
+ font-size: 16px;
+}
+.showcase .item h4 span {
+ font-weight: bold;
+ font-size: 51px;
+}
+.packages .package {
+ background: #fff;
+ margin-top: 25px;
+ margin-bottom: 20px;
+ padding-bottom: 15px;
+ text-align: center;
+ border: solid 1px #4fbfa8;
+ overflow: hidden;
+}
+.packages .package .package-header {
+ height: 57px;
+ color: #fff;
+ line-height: 57px;
+ background: #4fbfa8;
+}
+.packages .package .package-header h5 {
+ color: #fff;
+ text-transform: uppercase;
+ font-weight: bold;
+ line-height: 57px;
+ margin: 0;
+ letter-spacing: 0.08em;
+}
+.packages .package .package-header.light-gray {
+ background: #eeeeee;
+}
+.packages .package .package-header.light-gray h5 {
+ color: #555555;
+}
+.packages .package .price {
+ line-height: 120px;
+ height: 100px;
+ color: #fff;
+ font-weight: 400;
+}
+.packages .package .price h4 {
+ display: inline;
+ font-size: 50px;
+ line-height: normal;
+ margin-bottom: 0;
+}
+.packages .package .price .period {
+ line-height: normal;
+ color: #999999;
+}
+.packages .package ul {
+ padding: 0;
+}
+.packages .package ul li {
+ list-style-type: none;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ width: 80%;
+ margin: auto;
+ border-bottom: 1px dotted #ccc;
+}
+.packages .package ul li:last-child {
+ border-bottom: 0;
+}
+.packages .package ul li i {
+ font-size: 13px;
+ margin-right: 5px;
+}
+.packages .best-value .package {
+ margin-top: 0;
+ padding-bottom: 40px;
+}
+.packages .best-value .package .package-header {
+ height: 72px;
+ padding-top: 17px;
+ height: 82px !important;
+}
+.packages .best-value .package .package-header h5 {
+ font-weight: bold;
+ line-height: 29px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.packages .best-value .package .package-header .meta-text {
+ font-size: 13px;
+ line-height: 15px;
+}
+#map {
+ height: 300px;
+}
+#map.with-border {
+ border-top: solid 1px #4fbfa8;
+ border-bottom: solid 1px #4fbfa8;
+}
+#blog-listing-big .post,
+#blog-homepage .post {
+ margin-bottom: 60px;
+}
+#blog-listing-big .post h2,
+#blog-homepage .post h2,
+#blog-listing-big .post h4,
+#blog-homepage .post h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post h2 a,
+#blog-homepage .post h2 a,
+#blog-listing-big .post h4 a,
+#blog-homepage .post h4 a {
+ color: #555555;
+}
+#blog-listing-big .post h2 a:hover,
+#blog-homepage .post h2 a:hover,
+#blog-listing-big .post h4 a:hover,
+#blog-homepage .post h4 a:hover {
+ color: #4fbfa8;
+}
+#blog-listing-big .post .author-category,
+#blog-homepage .post .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post .author-category a,
+#blog-homepage .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-big .post .date-comments a,
+#blog-homepage .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-big .post .date-comments a:hover,
+#blog-homepage .post .date-comments a:hover {
+ color: #4fbfa8;
+}
+@media (min-width: 768px) {
+ #blog-listing-big .post .date-comments,
+ #blog-homepage .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-big .post .intro,
+#blog-homepage .post .intro {
+ text-align: left;
+}
+#blog-listing-big .post .image,
+#blog-homepage .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-big .post .image img,
+#blog-homepage .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-big .post .image img.img-responsive,
+ #blog-homepage .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-big .post .video,
+#blog-homepage .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-big .post .read-more,
+#blog-homepage .post .read-more {
+ text-align: right;
+}
+#blog-listing-medium .post {
+ margin-bottom: 60px;
+}
+#blog-listing-medium .post h2 {
+ text-transform: uppercase;
+ margin: 0 0 10px;
+ font-size: 24px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post h2 a {
+ color: #555555;
+}
+#blog-listing-medium .post h2 a:hover {
+ color: #4fbfa8;
+}
+#blog-listing-medium .post .author-category {
+ float: left;
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ font-size: 12px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-medium .post .date-comments {
+ float: right;
+ font-size: 12px;
+}
+#blog-listing-medium .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-medium .post .date-comments a:hover {
+ color: #4fbfa8;
+}
+@media (min-width: 768px) {
+ #blog-listing-medium .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-medium .post .intro {
+ text-align: left;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-medium .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-medium .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-medium .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-medium .post .read-more {
+ text-align: right;
+}
+.box-image-text.blog .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 300;
+ font-size: 12px;
+}
+.box-image-text.blog .author-category a {
+ font-weight: 500;
+}
+.box-image-text.blog .intro {
+ text-align: left;
+ margin-bottom: 20px;
+}
+#blog-homepage .post {
+ margin-bottom: 30px;
+}
+#blog-homepage .post h2,
+#blog-homepage .post h4,
+#blog-homepage .post .author-category,
+#blog-homepage .post .read-more {
+ text-align: center;
+}
+#blog-homepage .post .read-more {
+ margin-top: 20px;
+}
+#blog-post #post-content {
+ margin-bottom: 20px;
+}
+#blog-post .comment {
+ margin-bottom: 25px;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment .posted {
+ color: #999999;
+ font-size: 12px;
+}
+#blog-post .comment .reply {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#blog-post .comment.last {
+ margin-bottom: 0;
+}
+#blog-post #comments,
+#blog-post #comment-form {
+ padding: 20px 0;
+ margin-top: 20px;
+ border-top: solid 1px #eeeeee;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments h4,
+#blog-post #comment-form h4 {
+ margin-bottom: 20px;
+}
+#blog-post #comment-form {
+ margin-bottom: 20px;
+}
+.product {
+ background: #fff;
+ border-bottom: solid 1px #e6e6e6;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 60px;
+ overflow: hidden;
+ text-align: center;
+}
+.product .image {
+ overflow: hidden;
+}
+.product .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .product .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+.product .text {
+ padding: 10px;
+}
+.product .text h3 {
+ font-size: 14px;
+ font-weight: 700;
+ height: 39.6px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.product .text h3 a {
+ color: #555555;
+}
+.product .text h3 a:hover {
+ text-decoration: none;
+}
+.product .text p.price {
+ font-size: 18px;
+}
+.product .text p.price del {
+ color: #999999;
+}
+.product .buttons {
+ clear: both;
+ position: absolute;
+ display: none;
+ bottom: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ border: solid 1px transparent;
+ padding: 20px;
+ background: rgba(255, 255, 255, 0.9);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ text-align: center;
+}
+.product .buttons .btn {
+ margin-bottom: 20px;
+}
+.product:hover {
+ border-bottom: solid 1px #808080;
+ top: 0;
+}
+.product:hover .buttons {
+ clear: both;
+ position: absolute;
+ top: 0;
+ background: rgba(255, 255, 255, 0.5);
+}
+.product:hover .image img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.goToDescription {
+ font-size: 12px;
+ text-align: center;
+ margin-bottom: 40px;
+}
+.goToDescription a {
+ color: #999999;
+ text-decoration: underline;
+}
+#productMain {
+ margin-bottom: 30px;
+}
+#productMain .sizes {
+ text-align: center;
+}
+#productMain .sizes h3 {
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ margin-bottom: 40px;
+}
+#productMain .sizes a {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ border-radius: 40px;
+ background: #ccc;
+ line-height: 40px;
+ color: #555555;
+ text-align: center;
+ text-decoration: none;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#productMain .sizes a.active,
+#productMain .sizes a:hover {
+ background: #4fbfa8;
+ color: #fff;
+}
+#productMain .sizes input {
+ display: none;
+}
+#productMain .price {
+ font-size: 40px;
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 40px;
+}
+#thumbs a {
+ display: block;
+ border: solid 1px transparent;
+}
+#thumbs a.active {
+ border-color: #4fbfa8;
+}
+#product-social {
+ text-align: center;
+}
+#product-social h4 {
+ font-weight: 300;
+ margin-bottom: 10px;
+}
+#product-social p {
+ line-height: 26px;
+}
+#product-social p a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+#product-social p a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+#product-social p a.facebook {
+ background-color: #4460ae;
+}
+#product-social p a.gplus {
+ background-color: #c21f25;
+}
+#product-social p a.twitter {
+ background-color: #3cf;
+}
+#product-social p a.instagram {
+ background-color: #cd4378;
+}
+#product-social p a.email {
+ background-color: #4a7f45;
+}
+@media (max-width: 991px) {
+ #product-social {
+ text-align: center;
+ }
+}
+#checkout .nav {
+ margin-bottom: 20px;
+ border-bottom: solid 1px #4fbfa8;
+}
+#checkout .nav li {
+ height: 100%;
+}
+#checkout .nav li a {
+ display: block;
+ height: 100%;
+}
+#order-summary table {
+ margin-top: 20px;
+}
+#order-summary table td {
+ color: #999999;
+}
+#order-summary table tr.total td,
+#order-summary table tr.total th {
+ font-size: 18px;
+ color: #555555;
+ font-weight: 700;
+}
+#checkout .table tbody tr td,
+#basket .table tbody tr td,
+#customer-order .table tbody tr td {
+ vertical-align: middle;
+}
+#checkout .table tbody tr td input,
+#basket .table tbody tr td input,
+#customer-order .table tbody tr td input {
+ width: 50px;
+ text-align: right;
+}
+#checkout .table tbody tr td img,
+#basket .table tbody tr td img,
+#customer-order .table tbody tr td img {
+ width: 50px;
+}
+#checkout .table tfoot,
+#basket .table tfoot,
+#customer-order .table tfoot {
+ font-size: 18px;
+}
+.shipping-method h4,
+.payment-method h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#customer-orders table tr th,
+#customer-orders table tr td {
+ vertical-align: baseline;
+}
+#customer-order .table tfoot th {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-order .addresses {
+ text-align: right;
+ margin-bottom: 30px;
+}
+#customer-order .addresses p {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-account {
+ margin-bottom: 30px;
+}
+#get-it {
+ background: #4fbfa8;
+ padding: 50px 0 30px;
+ color: #fff;
+ text-align: center;
+}
+#get-it h1,
+#get-it h2,
+#get-it h3,
+#get-it h4,
+#get-it h5,
+#get-it h6 {
+ color: #fff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ margin: 0 0 20px;
+}
+#get-it p {
+ margin: 0 0 20px;
+}
+#footer {
+ background: #555555;
+ padding: 50px 0;
+ color: #999999;
+}
+#footer h1,
+#footer h2,
+#footer h3,
+#footer h4,
+#footer h5,
+#footer h6 {
+ color: #eeeeee;
+}
+#footer h4 {
+ font-size: 14px;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#footer ul {
+ padding-left: 0;
+ list-style: none;
+}
+#footer ul a {
+ color: #999999;
+}
+#footer ul a:hover {
+ color: #4fbfa8;
+ text-decoration: none;
+}
+#footer .photostream div {
+ float: left;
+ display: block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 33%;
+ padding: 7.5px;
+ overflow: hidden;
+}
+#footer .photostream div a {
+ border: solid 1 px #eeeeee;
+}
+#footer .photostream div img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+#footer .photostream div:hover img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+#footer .blog-entries .item {
+ clear: both;
+ padding: 5px 0;
+ margin-bottom: 10px;
+ border-bottom: solid 1px #555555;
+}
+#footer .blog-entries .item .image {
+ float: left;
+ width: 15%;
+ margin-right: 10px;
+}
+#footer .blog-entries .item .name {
+ width: 75%;
+ margin-left: 10px;
+ display: table-cell;
+ vertical-align: middle;
+}
+#footer .blog-entries .item .name h5 {
+ margin: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-size: 12px;
+}
+#footer .blog-entries .item .name h5 a {
+ color: #eeeeee;
+}
+#footer .blog-entries .item .text {
+ width: 100%;
+ clear: both;
+}
+#footer .blog-entries .item:last-child {
+ border-bottom: none;
+ margin-bottom: 0;
+}
+#footer .social a {
+ color: #555555;
+ font-size: 25px;
+ margin: 0 10px 0 0;
+}
+#footer .social a:hover {
+ color: #4fbfa8;
+}
+#copyright {
+ background: #333;
+ color: #ccc;
+ padding: 50px 0;
+ font-size: 12px;
+ line-height: 28px;
+}
+#copyright p {
+ margin: 0;
+}
+@media (max-width: 991px) {
+ #copyright p {
+ float: none !important;
+ text-align: center;
+ margin-bottom: 10px;
+ }
+}
+[data-animate] {
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+#style-switch-button {
+ position: fixed;
+ top: 100px;
+ left: 0px;
+ border-radius: 0;
+}
+#style-switch {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 300px;
+ padding: 20px;
+ position: fixed;
+ top: 140px;
+ left: 0;
+ background: #fff;
+ border: solid 1px #eeeeee;
+}
+@media (max-width: 991px) {
+ #style-switch-button {
+ display: none;
+ }
+ #style-switch {
+ display: none;
+ }
+}
+/* Original Boostrap template overwrite */
+/* breadcrumbs */
+.breadcrumb {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ background-color: none;
+ letter-spacing: 0.08em;
+}
+/* nav */
+.nav > li > a {
+ padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+ background-color: #eeeeee;
+}
+.nav > li.disabled > a {
+ color: #999999;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+ color: #999999;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+ background-color: #eeeeee;
+ border-color: #4fbfa8;
+}
+.nav-tabs {
+ border-bottom: 1px solid #4fbfa8;
+}
+.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: 0 0 0 0;
+}
+.nav-tabs > li > a:hover {
+ border-color: #eeeeee #eeeeee #4fbfa8;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+ color: #555555;
+ background-color: #ffffff;
+ border: 1px solid #4fbfa8;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+.nav-tabs.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #4fbfa8;
+ 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;
+}
+.nav-tabs.nav-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+ border: 1px solid #4fbfa8;
+}
+@media (min-width: 768px) {
+ .nav-tabs.nav-justified > li > a {
+ border-bottom: 1px solid #4fbfa8;
+ border-radius: 0 0 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: #ffffff;
+ }
+}
+.nav-pills > li {
+ float: left;
+}
+.nav-pills > li > a {
+ border-radius: 0;
+}
+.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: #ffffff;
+ background-color: #4fbfa8;
+}
+.nav-stacked > li {
+ float: none;
+}
+.nav-stacked > li + li {
+ margin-top: 2px;
+ margin-left: 0;
+}
+.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #4fbfa8;
+}
+.nav-justified > li {
+ float: none;
+}
+.nav-justified > li > a {
+ text-align: center;
+ /*margin-bottom: 5px;*/
+}
+.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
+}
+.nav-tabs-justified {
+ border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+ border: 1px solid #4fbfa8;
+}
+@media (min-width: 768px) {
+ .nav-tabs-justified > li > a {
+ border-bottom: 1px solid #4fbfa8;
+ border-radius: 0 0 0 0;
+ }
+ .nav-tabs-justified > .active > a,
+ .nav-tabs-justified > .active > a:hover,
+ .nav-tabs-justified > .active > a:focus {
+ border-bottom-color: #ffffff;
+ }
+}
+.tab-content {
+ padding: 15px;
+ border: solid 1px #ddd;
+ border-top: none;
+}
+/* navbar */
+.navbar {
+ position: relative;
+ min-height: 62px;
+ margin-bottom: 0;
+ border-bottom: 1px solid transparent;
+}
+@media (min-width: 768px) {
+ .navbar {
+ border-radius: 0px;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-header {
+ float: left;
+ }
+}
+.navbar-collapse {
+ overflow-x: visible;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+.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;
+ }
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-affixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+ max-height: 340px;
+}
+@media (max-width: 480px) and (orientation: landscape) {
+ .navbar-fixed-top .navbar-collapse,
+ .navbar-affixed-top .navbar-collapse,
+ .navbar-fixed-bottom .navbar-collapse {
+ max-height: 200px;
+ }
+}
+.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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+@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: 10px 15px;
+ font-size: 18px;
+ line-height: 20px;
+ height: 62px;
+}
+.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: 14px;
+ margin-bottom: 14px;
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 0;
+}
+.navbar-toggle:focus {
+ outline: 0;
+}
+.navbar-nav {
+ margin: 10.5px -15px;
+}
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
+}
+@media (max-width: 767px) {
+ .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: 21px;
+ padding-bottom: 21px;
+ }
+ .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, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ margin-top: 14px;
+ margin-bottom: 14px;
+}
+@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: 14px;
+ margin-bottom: 14px;
+}
+.navbar-btn.btn-sm {
+ margin-top: 16px;
+ margin-bottom: 16px;
+}
+.navbar-btn.btn-xs {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.navbar-text {
+ margin-top: 21px;
+ margin-bottom: 21px;
+}
+@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: #ffffff;
+ border-color: #cccccc;
+ border-bottom: none;
+}
+.navbar-default .navbar-brand {
+ color: #555555;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+ color: #3b3b3b;
+ background-color: transparent;
+}
+.navbar-default .navbar-text {
+ color: #777777;
+}
+.navbar-default .navbar-nav > li > a {
+ color: #555555;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+ color: #555555;
+ background-color: #9adacd;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: #ffffff;
+ background-color: #4fbfa8;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+ color: #cccccc;
+ background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+ border-color: #dddddd;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+ background-color: #4fbfa8;
+}
+.navbar-default .navbar-toggle .icon-bar {
+ background-color: #888888;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+ border-color: #cccccc;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+ background-color: #4fbfa8;
+ color: #ffffff;
+}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+ color: #555555;
+ }
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #4fbfa8;
+ }
+ .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: #ffffff;
+ background-color: #4fbfa8;
+ }
+ .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: #cccccc;
+ background-color: transparent;
+ }
+}
+.navbar-default .navbar-link {
+ color: #555555;
+}
+.navbar-default .navbar-link:hover {
+ color: #555555;
+}
+.navbar-default .btn-link {
+ color: #555555;
+}
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
+ color: #555555;
+}
+.navbar-default .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-default .btn-link:hover,
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+ color: #cccccc;
+}
+/* scaffolding */
+body {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
+}
+a {
+ color: #4fbfa8;
+ text-decoration: none;
+}
+a:hover,
+a:focus {
+ color: #348e7b;
+ text-decoration: underline;
+}
+a:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+.img-rounded {
+ border-radius: 0;
+}
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #eeeeee;
+}
+/* breadcrumbs */
+.breadcrumb {
+ padding: 20px 0;
+ margin-bottom: 20px;
+ background-color: transparent;
+ border-radius: 0;
+ text-align: right;
+}
+.breadcrumb > li + li:before {
+ content: ">\00a0";
+ color: #555555;
+}
+.breadcrumb > .active {
+ color: #999999;
+}
+@media (max-width: 991px) {
+ .breadcrumb {
+ padding: 20px 0;
+ text-align: center;
+ }
+}
+/* dropdowns */
+.dropdown-menu {
+ z-index: 1000;
+ font-size: 14px;
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ box-shadow: 0 6px 12px rgba(0, 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 {
+ padding: 5px 20px;
+ line-height: 1.42857143;
+ color: #333333;
+ white-space: nowrap;
+}
+/* labels */
+.label {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+/* forms.less */
+label {
+ font-weight: normal;
+}
+.form-control {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-radius: 0;
+}
+.form-control:focus {
+ border-color: #4fbfa8;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 191, 168, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 191, 168, 0.6);
+}
+.form-group {
+ margin-bottom: 20px;
+}
+/* pager*/
+.pager {
+ margin: 20px 0;
+ border-top: solid 1px #eeeeee;
+ padding-top: 20px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.pager li {
+ display: inline;
+}
+.pager li > a,
+.pager li > span {
+ background-color: #ffffff;
+ border: 1px solid #4fbfa8;
+ border-radius: 0;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+ text-decoration: none;
+ color: #fff;
+ background-color: #4fbfa8;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #ddd;
+}
+/* pagination */
+.pagination {
+ margin: 20px 0;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ border-radius: 0;
+}
+.pagination > li > a,
+.pagination > li > span {
+ padding: 6px 12px;
+ line-height: 1.42857143;
+ text-decoration: none;
+ color: #4fbfa8;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+ color: #4fbfa8;
+ background-color: #bfe8df;
+ border-color: #dddddd;
+}
+.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: #ffffff;
+ background-color: #4fbfa8;
+ border-color: #4fbfa8;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #dddddd;
+}
+/* responsive utilities */
+@media (max-width: 767px) {
+ .text-center-xs {
+ text-align: center !important;
+ }
+ .text-center-xs img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+ .text-center-sm {
+ text-align: center !important;
+ }
+ .text-center-sm img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+/* type */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: 900;
+ line-height: 1.1;
+ color: #333333;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+p {
+ margin: 0 0 10px;
+}
+.lead {
+ margin-bottom: 20px;
+ font-size: 18px;
+}
+@media (min-width: 768px) {
+ .lead {
+ font-size: 21px;
+ }
+}
+.text-small {
+ font-size: 12px;
+}
+.text-large {
+ font-size: 18px;
+}
+.text-italic {
+ font-style: italic;
+}
+.text-primary {
+ color: #4fbfa8;
+}
+a.text-primary:hover {
+ color: #3aa18c;
+}
+.bg-primary {
+ color: #fff;
+ background-color: #4fbfa8;
+}
+a.bg-primary:hover {
+ background-color: #3aa18c;
+}
+abbr[title],
+abbr[data-original-title] {
+ border-bottom: 1px dotted #999999;
+}
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 14px;
+ border-left: 5px solid #4fbfa8;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #999999;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+ content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+ border-right: 5px solid #4fbfa8;
+}
+address {
+ margin-bottom: 20px;
+ line-height: 1.42857143;
+}
+.panel {
+ margin-bottom: 20px;
+ background-color: #ffffff;
+ border: 1px solid transparent;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 0;
+ box-shadow: 0 0 0;
+}
+.panel-heading {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 15px 15px;
+}
+.progress {
+ overflow: hidden;
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.panel-group {
+ margin-bottom: 20px;
+}
+.panel-group .panel {
+ margin-bottom: 0;
+ border-radius: 0;
+ overflow: hidden;
+}
+.panel-group .panel + .panel {
+ margin-top: 5px;
+}
+.panel-group.accordion .panel {
+ border-color: #ccc;
+}
+.panel-primary {
+ border-color: #4fbfa8;
+}
+.panel-primary > .panel-heading {
+ color: #ffffff;
+ background-color: #4fbfa8;
+ border-color: #4fbfa8;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #4fbfa8;
+}
+.panel-primary > .panel-heading .badge {
+ color: #4fbfa8;
+ background-color: #ffffff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #4fbfa8;
+}
+.panel-primary .panel-title {
+ font-weight: 300;
+}
+.panel-primary .panel-title a:hover {
+ color: #fff;
+ text-decoration: none;
+}
+a.badge:hover,
+a.badge:focus {
+ color: #ffffff;
+ text-decoration: none;
+ cursor: pointer;
+}
+a.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+ color: #4fbfa8;
+ background-color: #ffffff;
+}
+.nav-pills > li > a > .badge {
+ margin-left: 3px;
+}
+.progress-bar-primary {
+ background-color: #4fbfa8;
+}
+.progress-striped .progress-bar-primary {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+/*!
+ * Yamm!3 - Yet another megamenu for Bootstrap 3
+ * http://geedmo.github.com/yamm3
+ *
+ * @geedmo - Licensed under the MIT license
+ */
+.yamm .nav,
+.yamm .collapse,
+.yamm .dropup.use-yamm,
+.yamm .dropdown.use-yamm {
+ position: static;
+}
+.yamm .container {
+ position: relative;
+}
+.yamm .dropdown-menu {
+ left: auto;
+}
+.yamm .nav.navbar-right .dropdown-menu {
+ left: auto;
+ right: 0;
+}
+.yamm .yamm-content {
+ padding: 20px 30px;
+}
+.yamm .dropdown.yamm-fw .dropdown-menu {
+ left: 15px;
+ right: 15px;
+}
diff --git a/css/style.violet.css b/css/style.violet.css
new file mode 100755
index 0000000..f10fe8d
--- /dev/null
+++ b/css/style.violet.css
@@ -0,0 +1,3557 @@
+.clearfix:before,
+.clearfix:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after {
+ content: " ";
+ display: table;
+}
+.clearfix:after,
+.navbar:after,
+.navbar-header: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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+/* general styles */
+a,
+button {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+a i.fa,
+button i.fa {
+ margin: 0 5px;
+}
+.clickable {
+ cursor: pointer !important;
+}
+.required {
+ color: #986dbd;
+}
+.accent {
+ color: #986dbd;
+}
+.text-uppercase {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .text-center-sm {
+ text-align: center;
+ }
+}
+p.lead {
+ margin-bottom: 40px;
+}
+section,
+div.section {
+ margin-bottom: 40px;
+}
+.no-mb {
+ margin-bottom: 0 !important;
+}
+.mb-small {
+ margin-bottom: 20px !important;
+}
+.heading {
+ margin-bottom: 40px;
+}
+.heading h1,
+.heading h2,
+.heading h3,
+.heading h4,
+.heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #986dbd;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+ vertical-align: middle;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.heading h1 i.fa,
+.heading h2 i.fa,
+.heading h3 i.fa,
+.heading h4 i.fa,
+.heading h5 i.fa {
+ display: inline-block;
+ background: #986dbd;
+ width: 30px;
+ height: 30px;
+ vertical-align: middle;
+ text-align: center;
+ color: #fff;
+ font-size: 12px;
+ line-height: 30px;
+ border-radius: 15px;
+}
+.icon {
+ display: inline-block;
+ width: 80px;
+ height: 80px;
+ color: #fff;
+ line-height: 80px;
+ border-radius: 40px;
+ border: solid 1px #fff;
+ font-size: 20px;
+}
+.icon.icon-lg {
+ font-size: 30px;
+ border-width: 2px;
+}
+.ul-icons {
+ padding-left: 10px;
+}
+.ul-icons li {
+ list-style-type: none;
+ line-height: 20px;
+ margin-bottom: 20px;
+}
+.ul-icons li i {
+ width: 20px;
+ height: 20px;
+ background: #986dbd;
+ color: #fff;
+ text-align: center;
+ border-radius: 10px;
+ line-height: 20px;
+ margin-right: 10px;
+}
+ul.list-style-none {
+ list-style: none;
+}
+#text-page h1,
+#text-page h2,
+#text-page h3 {
+ font-weight: 700;
+}
+#error-page {
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 100px;
+}
+#error-page h4 {
+ margin-bottom: 40px;
+}
+#error-page p.buttons {
+ margin-top: 40px;
+}
+.pages-listing .item {
+ text-align: center;
+}
+.pages-listing .item h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+ letter-spacing: 0.08em;
+}
+.pages-listing .item h3 a {
+ color: #555555;
+}
+.pages-listing .item .text {
+ margin-bottom: 20px;
+}
+.pages-listing .item .text p {
+ color: #999999;
+ font-size: 12px;
+ margin-bottom: 20px;
+}
+.banner {
+ margin-bottom: 30px;
+ text-align: center;
+}
+.banner img {
+ margin: 0 auto;
+}
+.banner a:hover img {
+ opacity: 0.8;
+ filter: alpha(opacity=80);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.pages {
+ text-align: center;
+}
+.pages .loadMore {
+ text-align: center;
+}
+.pages .pagination {
+ text-align: center;
+}
+.features-buttons button {
+ margin-bottom: 20px;
+}
+@media (min-width: 1300px) {
+ body.boxed {
+ background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png);
+ }
+ body.boxed #all {
+ position: relative;
+ background: #fff;
+ width: 1200px;
+ margin: 0 auto;
+ overflow: hidden;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ }
+}
+#top {
+ background: #555555;
+ color: #eeeeee;
+ padding: 10px 0;
+}
+#top p {
+ margin: 0;
+ font-size: 12px;
+}
+#top .social {
+ float: right;
+ text-align: right;
+}
+#top .social a {
+ color: #999999;
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ border-radius: 12px;
+ line-height: 20px;
+ font-size: 12px;
+ text-align: center;
+ vertical-align: bottom;
+}
+#top .social a:hover {
+ color: #fff;
+}
+#top .social a:hover.facebook {
+ background-color: #4460ae;
+}
+#top .social a:hover.gplus {
+ background-color: #c21f25;
+}
+#top .social a:hover.twitter {
+ background-color: #3cf;
+}
+#top .social a:hover.instagram {
+ background-color: #cd4378;
+}
+#top .social a:hover.email {
+ background-color: #4a7f45;
+}
+#top .login {
+ float: right;
+}
+#top .login a {
+ font-size: 12px;
+ color: #eeeeee;
+ margin-right: 15px;
+ text-decoration: none;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 767px) {
+ #top .login {
+ float: left;
+ }
+}
+#top.light {
+ background: #fff;
+ color: #999999;
+ border-bottom: solid 1px #eeeeee;
+}
+#top.light .login a {
+ color: #555555;
+}
+.navbar {
+ border: none;
+}
+.navbar ul.nav > li > a {
+ text-transform: uppercase;
+ text-decoration: underline;
+ font-weight: bold;
+ letter-spacing: 0.08em;
+ border-top: solid 5px transparent;
+}
+.navbar ul.nav > li > a:hover {
+ border-top: solid 5px #986dbd;
+}
+.navbar ul.nav > li.active > a,
+.navbar ul.nav > li.open > a {
+ text-decoration: none !important;
+ border-top: solid 5px #653d87;
+}
+@media (max-width: 768px) {
+ .navbar ul.nav > li.active > a,
+ .navbar ul.nav > li.open > a {
+ border-top-color: transparent;
+ }
+ .navbar ul.nav > li > a:hover {
+ border-top-color: transparent;
+ }
+}
+.navbar.navbar-light ul.nav > li.active > a {
+ border-top: solid 5px #653d87;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar.navbar-light ul.nav > li.active > a:hover {
+ border-top: solid 5px #653d87;
+}
+.navbar.navbar-light ul.nav > li > a:hover,
+.navbar.navbar-light ul.nav > li.open > a:hover,
+.navbar.navbar-light ul.nav > li > a:focus,
+.navbar.navbar-light ul.nav > li.open > a:focus {
+ border-top: solid 5px #986dbd;
+ background: #fff !important;
+ color: #555555 !important;
+}
+.navbar ul.dropdown-menu {
+ margin: 0;
+ padding: 0;
+}
+.navbar ul.dropdown-menu li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 4px 0;
+}
+.navbar ul.dropdown-menu li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ left: 0;
+}
+.navbar ul.dropdown-menu li a:hover {
+ color: #986dbd;
+ text-decoration: none;
+ background: none;
+ left: 2px;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .navbar ul.dropdown-menu li a:hover {
+ left: 0;
+ }
+}
+.navbar .yamm-content h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ margin-top: 5px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 767px) {
+ .navbar .yamm-content h3 {
+ font-size: 14px;
+ }
+}
+.navbar .yamm-content h5 {
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ border-bottom: dotted 1px #555555;
+ letter-spacing: 0.08em;
+}
+.navbar .yamm-content ul {
+ margin: 0;
+ padding: 0;
+}
+.navbar .yamm-content ul li {
+ list-style-type: none;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ padding: 4px 0;
+}
+.navbar .yamm-content ul li a {
+ position: relative;
+ color: #999999;
+ font-size: 12px;
+ display: block;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.navbar .yamm-content ul li a:hover {
+ color: #986dbd;
+ text-decoration: none;
+ padding-left: 2px;
+}
+.navbar .yamm-content .banner {
+ margin-bottom: 10px;
+}
+.navbar .yamm-fw .dropdown-menu {
+ padding: 0;
+}
+.navbar .navbar-buttons {
+ float: right;
+}
+.navbar .navbar-buttons button,
+.navbar .navbar-buttons a.btn,
+.navbar .navbar-buttons .btn-default.navbar-toggle {
+ margin-top: 11px;
+ margin-bottom: 11px;
+ margin-left: 0;
+ margin-right: 5px;
+}
+.navbar .btn-default,
+.navbar .btn-default.navbar-toggle {
+ color: #999999;
+ background-color: #fff;
+ margin-left: 7px;
+ margin-right: 0;
+}
+.navbar .btn-default:hover,
+.navbar .btn-default.navbar-toggle:hover,
+.navbar .btn-default:focus,
+.navbar .btn-default.navbar-toggle:focus {
+ background-color: #fff;
+ border-color: #986dbd;
+ color: #986dbd;
+}
+.navbar #search {
+ clear: both;
+ border-top: solid 1px #986dbd;
+ text-align: right;
+}
+.navbar #search form {
+ float: right;
+}
+.navbar #search form .input-group {
+ width: 500px;
+}
+@media (max-width: 768px) {
+ .navbar #search form .input-group {
+ width: 100%;
+ }
+}
+.navbar #basket-overview a {
+ margin-left: 7px;
+}
+.navbar-affixed-top {
+ top: -32px;
+}
+.navbar-affixed-top.affix-top {
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+.navbar-affixed-top.affix {
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1000;
+ -webkit-box-shadow: 0 0 5px #cccccc;
+ box-shadow: 0 0 5px #cccccc;
+ -webkit-transition: all 0.5s ease-out;
+ -moz-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+}
+body.boxed .navbar-affixed-top.affix {
+ position: static;
+}
+#login-modal {
+ overflow: hidden;
+}
+#login-modal .modal-header h4 {
+ text-transform: uppercase;
+}
+#login-modal form {
+ margin-bottom: 20px;
+}
+#login-modal a {
+ color: #986dbd;
+}
+#login-modal p {
+ font-weight: 300;
+ margin-bottom: 20px;
+ font-size: 13px;
+}
+/* buttons */
+.btn {
+ font-weight: 700;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 6px 12px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ border-radius: 0;
+}
+.input-group .btn {
+ font-size: 14px;
+}
+.btn-lg {
+ padding: 10px 16px;
+ font-size: 14px;
+ line-height: 1.33;
+ border-radius: 0;
+}
+.btn-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-xs {
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 0;
+}
+.btn-template-main {
+ color: #986dbd;
+ background-color: #ffffff;
+ border-color: #986dbd;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ color: #986dbd;
+ background-color: #e6e6e6;
+ border-color: #7a4aa3;
+}
+.btn-template-main:active,
+.btn-template-main.active,
+.open > .dropdown-toggle.btn-template-main {
+ background-image: none;
+}
+.btn-template-main.disabled,
+.btn-template-main[disabled],
+fieldset[disabled] .btn-template-main,
+.btn-template-main.disabled:hover,
+.btn-template-main[disabled]:hover,
+fieldset[disabled] .btn-template-main:hover,
+.btn-template-main.disabled:focus,
+.btn-template-main[disabled]:focus,
+fieldset[disabled] .btn-template-main:focus,
+.btn-template-main.disabled:active,
+.btn-template-main[disabled]:active,
+fieldset[disabled] .btn-template-main:active,
+.btn-template-main.disabled.active,
+.btn-template-main[disabled].active,
+fieldset[disabled] .btn-template-main.active {
+ background-color: #ffffff;
+ border-color: #986dbd;
+}
+.btn-template-main .badge {
+ color: #ffffff;
+ background-color: #986dbd;
+}
+.btn-template-main:hover,
+.btn-template-main:focus,
+.btn-template-main:active,
+.btn-template-main.active {
+ background: #986dbd;
+ color: #ffffff;
+ border-color: #986dbd;
+}
+.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active,
+.open > .dropdown-toggle.btn-template-transparent-primary {
+ background-image: none;
+}
+.btn-template-transparent-primary.disabled,
+.btn-template-transparent-primary[disabled],
+fieldset[disabled] .btn-template-transparent-primary,
+.btn-template-transparent-primary.disabled:hover,
+.btn-template-transparent-primary[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-primary:hover,
+.btn-template-transparent-primary.disabled:focus,
+.btn-template-transparent-primary[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-primary:focus,
+.btn-template-transparent-primary.disabled:active,
+.btn-template-transparent-primary[disabled]:active,
+fieldset[disabled] .btn-template-transparent-primary:active,
+.btn-template-transparent-primary.disabled.active,
+.btn-template-transparent-primary[disabled].active,
+fieldset[disabled] .btn-template-transparent-primary.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-primary .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-primary:hover,
+.btn-template-transparent-primary:focus,
+.btn-template-transparent-primary:active,
+.btn-template-transparent-primary.active {
+ background: #fff;
+ color: #986dbd;
+ border-color: #fff;
+}
+.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0);
+ border-color: #e0e0e0;
+}
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active,
+.open > .dropdown-toggle.btn-template-transparent-black {
+ background-image: none;
+}
+.btn-template-transparent-black.disabled,
+.btn-template-transparent-black[disabled],
+fieldset[disabled] .btn-template-transparent-black,
+.btn-template-transparent-black.disabled:hover,
+.btn-template-transparent-black[disabled]:hover,
+fieldset[disabled] .btn-template-transparent-black:hover,
+.btn-template-transparent-black.disabled:focus,
+.btn-template-transparent-black[disabled]:focus,
+fieldset[disabled] .btn-template-transparent-black:focus,
+.btn-template-transparent-black.disabled:active,
+.btn-template-transparent-black[disabled]:active,
+fieldset[disabled] .btn-template-transparent-black:active,
+.btn-template-transparent-black.disabled.active,
+.btn-template-transparent-black[disabled].active,
+fieldset[disabled] .btn-template-transparent-black.active {
+ background-color: transparent;
+ border-color: #ffffff;
+}
+.btn-template-transparent-black .badge {
+ color: transparent;
+ background-color: #ffffff;
+}
+.btn-template-transparent-black:hover,
+.btn-template-transparent-black:focus,
+.btn-template-transparent-black:active,
+.btn-template-transparent-black.active {
+ background: #fff;
+ color: #000;
+ border-color: #fff;
+}
+.btn-template-primary {
+ color: #ffffff;
+ background-color: #986dbd;
+ border-color: #986dbd;
+}
+.btn-template-primary:hover,
+.btn-template-primary:focus,
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ color: #ffffff;
+ background-color: #7f4daa;
+ border-color: #7a4aa3;
+}
+.btn-template-primary:active,
+.btn-template-primary.active,
+.open > .dropdown-toggle.btn-template-primary {
+ background-image: none;
+}
+.btn-template-primary.disabled,
+.btn-template-primary[disabled],
+fieldset[disabled] .btn-template-primary,
+.btn-template-primary.disabled:hover,
+.btn-template-primary[disabled]:hover,
+fieldset[disabled] .btn-template-primary:hover,
+.btn-template-primary.disabled:focus,
+.btn-template-primary[disabled]:focus,
+fieldset[disabled] .btn-template-primary:focus,
+.btn-template-primary.disabled:active,
+.btn-template-primary[disabled]:active,
+fieldset[disabled] .btn-template-primary:active,
+.btn-template-primary.disabled.active,
+.btn-template-primary[disabled].active,
+fieldset[disabled] .btn-template-primary.active {
+ background-color: #986dbd;
+ border-color: #986dbd;
+}
+.btn-template-primary .badge {
+ color: #986dbd;
+ background-color: #ffffff;
+}
+#intro {
+ background: url('../img/home.jpg') no-repeat center top;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+#intro .item {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ height: 100%;
+}
+#intro .item h1 {
+ text-transform: uppercase;
+ font-size: 50px;
+ color: #fff;
+ margin-bottom: 40px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #intro .item h1 {
+ font-size: 40px;
+ }
+}
+@media (max-width: 767px) {
+ #intro .item h1 {
+ font-size: 25px;
+ }
+}
+#intro .item h3 {
+ color: #fff;
+ margin-bottom: 40px;
+}
+@media (max-width: 767px) {
+ #intro .item h3 {
+ font-size: 15px;
+ margin-bottom: 20px;
+ }
+}
+#intro .item .btn {
+ text-transform: none;
+}
+@media (max-width: 991px) {
+ #intro .item .btn {
+ font-size: 14px;
+ }
+}
+@media (max-width: 991px) {
+ #intro .item .carousel-caption {
+ left: 10%;
+ right: 10%;
+ }
+}
+#intro .container,
+#intro .row {
+ height: 100%;
+ position: relative;
+}
+.jumbotron {
+ padding: 30px;
+ margin-bottom: 0;
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.jumbotron .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #986dbd;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3,
+.jumbotron p,
+.jumbotron ul {
+ color: #fff;
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3 {
+ color: #ffffff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.jumbotron p {
+ margin-bottom: 20px;
+ font-size: 21px;
+ font-weight: 400;
+}
+.jumbotron p.text-uppercase {
+ font-weight: 700;
+}
+.jumbotron > hr {
+ border-top-color: #d5d5d5;
+}
+.container .jumbotron {
+ border-radius: 0;
+}
+.jumbotron .container {
+ max-width: 100%;
+ z-index: 2;
+}
+@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: 46px;
+ }
+}
+#categoryMenu h3 {
+ padding: 20px;
+ background: #f7f7f7;
+ margin: 0;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu h3 {
+ padding: 5px 0;
+ margin: 0;
+}
+.panel.sidebar-menu {
+ background: #fff;
+ margin: 0 0 20px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.panel.sidebar-menu .panel-heading {
+ text-transform: uppercase;
+ margin-bottom: 10px;
+ background: none;
+ padding: 0;
+ letter-spacing: 0.08em;
+ border-bottom: none;
+}
+.panel.sidebar-menu .panel-heading h1,
+.panel.sidebar-menu .panel-heading h2,
+.panel.sidebar-menu .panel-heading h3,
+.panel.sidebar-menu .panel-heading h4,
+.panel.sidebar-menu .panel-heading h5 {
+ display: inline-block;
+ border-bottom: solid 5px #986dbd;
+ line-height: 1.1;
+ margin-bottom: 0;
+ padding-bottom: 10px;
+}
+.panel.sidebar-menu .panel-heading .btn.btn-danger {
+ color: #fff;
+ margin-top: 5px;
+}
+.panel.sidebar-menu .panel-body {
+ padding: 0;
+}
+.panel.sidebar-menu .panel-body span.colour {
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ border: solid 1px #555555;
+ vertical-align: top;
+ margin-top: 2px;
+ margin-left: 5px;
+}
+.panel.sidebar-menu .panel-body span.colour.white {
+ background: #fff;
+}
+.panel.sidebar-menu .panel-body span.colour.red {
+ background: red;
+}
+.panel.sidebar-menu .panel-body span.colour.green {
+ background: green;
+}
+.panel.sidebar-menu .panel-body span.colour.blue {
+ background: blue;
+}
+.panel.sidebar-menu .panel-body span.colour.yellow {
+ background: yellow;
+}
+.panel.sidebar-menu .panel-body label {
+ color: #999999;
+ font-size: 12px;
+}
+.panel.sidebar-menu .panel-body label:hover {
+ color: #555555;
+}
+.panel.sidebar-menu ul.nav.category-menu {
+ margin-bottom: 20px;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.panel.sidebar-menu ul.nav.category-menu li a {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.panel.sidebar-menu ul.nav ul {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.nav ul li {
+ display: block;
+}
+.panel.sidebar-menu ul.nav ul li a {
+ position: relative;
+ font-family: "Times New Roman", Times, serif;
+ font-weight: normal;
+ text-transform: none !important;
+ display: block;
+ padding: 10px 15px;
+ padding-left: 30px;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.nav ul li a:hover,
+.panel.sidebar-menu ul.nav ul li a:focus {
+ text-decoration: none;
+ background-color: #eeeeee;
+}
+.panel.sidebar-menu ul.tag-cloud {
+ list-style: none;
+ padding-left: 0;
+}
+.panel.sidebar-menu ul.tag-cloud li {
+ display: inline-block;
+}
+.panel.sidebar-menu ul.tag-cloud li a {
+ display: inline-block;
+ padding: 5px;
+ border: solid 1px #eeeeee;
+ border-radius: 0;
+ color: #986dbd;
+ margin: 5px 5px 5px 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 700;
+ font-size: 12px;
+}
+.panel.sidebar-menu ul.tag-cloud li a:hover {
+ color: #986dbd;
+ text-decoration: none;
+ border-color: #986dbd;
+}
+.panel.sidebar-menu ul.popular,
+.panel.sidebar-menu ul.recent {
+ list-style: none;
+ padding-left: 0;
+ padding: 20px 0;
+}
+.panel.sidebar-menu ul.popular li,
+.panel.sidebar-menu ul.recent li {
+ margin-bottom: 10px;
+ padding: 5px 0;
+ border-bottom: dotted 1px #eeeeee;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li:before,
+.panel.sidebar-menu ul.recent li:before,
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ content: " ";
+ display: table;
+}
+.panel.sidebar-menu ul.popular li:after,
+.panel.sidebar-menu ul.recent li:after {
+ clear: both;
+}
+.panel.sidebar-menu ul.popular li img,
+.panel.sidebar-menu ul.recent li img {
+ width: 50px;
+ margin-right: 10px;
+}
+.panel.sidebar-menu ul.popular li h5,
+.panel.sidebar-menu ul.recent li h5 {
+ margin: 0 0 10px;
+}
+.panel.sidebar-menu ul.popular li h5 a,
+.panel.sidebar-menu ul.recent li h5 a {
+ font-weight: normal;
+}
+.panel.sidebar-menu ul.popular li p.date,
+.panel.sidebar-menu ul.recent li p.date {
+ float: right;
+ font-size: 12px;
+ color: #999999;
+}
+.panel.sidebar-menu ul.popular li:last-child,
+.panel.sidebar-menu ul.recent li:last-child {
+ border-bottom: none;
+}
+.panel.sidebar-menu .text-widget {
+ font-size: 12px;
+}
+.panel.sidebar-menu.with-icons ul.nav li a:after {
+ font-family: 'FontAwesome';
+ content: "\f105";
+ position: relative;
+ top: 0;
+ float: right;
+}
+/* ribbons for product sales etc. */
+.ribbon {
+ position: absolute;
+ top: 50px;
+ padding-left: 51px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.ribbon .ribbon-background {
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.ribbon .theribbon {
+ position: relative;
+ width: 80px;
+ padding: 6px 20px 6px 20px;
+ margin: 30px 10px 10px -71px;
+ color: #fff;
+ background-color: #986dbd;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.ribbon .theribbon:before,
+.ribbon .theribbon:after {
+ content: ' ';
+ position: absolute;
+ width: 0;
+ height: 0;
+}
+.ribbon .theribbon:after {
+ left: 0px;
+ top: 100%;
+ border-width: 5px 10px;
+ border-style: solid;
+ border-color: #000000 #000000 transparent transparent;
+}
+.ribbon.sale {
+ top: 0;
+}
+.ribbon.new {
+ top: 50px;
+}
+.ribbon.new .theribbon {
+ background-color: #5bc0de;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.new .theribbon:after {
+ border-color: #2390b0 #2390b0 transparent transparent;
+}
+.ribbon.gift {
+ top: 100px;
+}
+.ribbon.gift .theribbon {
+ background-color: #5cb85c;
+ text-shadow: 0px 1px 2px #bbb;
+}
+.ribbon.gift .theribbon:after {
+ border-color: #357935 #357935 transparent transparent;
+}
+.owl-carousel .owl-controls .owl-page.active span,
+.owl-theme .owl-controls .owl-page.active span,
+.owl-carousel .owl-controls.clickable .owl-page:hover span,
+.owl-theme .owl-controls.clickable .owl-page:hover span {
+ background: #986dbd;
+}
+.owl-carousel .owl-controls .owl-buttons,
+.owl-theme .owl-controls .owl-buttons {
+ position: absolute;
+ top: 5px;
+ right: 0;
+}
+.owl-carousel .owl-controls .owl-buttons div,
+.owl-theme .owl-controls .owl-buttons div {
+ width: 26px;
+ height: 26px;
+ line-height: 25px;
+ margin: 0 5px 0 0;
+ font-size: 18px;
+ color: #986dbd;
+ padding: 0;
+ background: #fff;
+ border-radius: 13px;
+ vertical-align: middle;
+ text-align: center;
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+.home-carousel {
+ position: relative;
+ background: url('../img/photogrid.jpg') center center repeat;
+ background-size: cover;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.home-carousel .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #986dbd;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+.home-carousel .owl-carousel {
+ padding-top: 60px;
+ padding-bottom: 20px;
+}
+.home-carousel .owl-theme .owl-controls .owl-page span {
+ background: #666;
+}
+.home-carousel .owl-theme .owl-controls .owl-page.active span {
+ background: #fff;
+}
+.home-carousel .owl-theme .owl-controls .owl-page:hover span {
+ background: #fff;
+}
+@media (max-width: 767px) {
+ .home-carousel {
+ text-align: center !important;
+ }
+}
+@media (min-width: 992px) {
+ .home-carousel .right {
+ text-align: right;
+ }
+}
+.home-carousel h1,
+.home-carousel h2,
+.home-carousel h3,
+.home-carousel p,
+.home-carousel ul {
+ color: #fff;
+}
+.home-carousel h1 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 46px;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ .home-carousel h1 {
+ font-size: 36px;
+ }
+}
+.home-carousel h2 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 40px;
+ letter-spacing: 0.08em;
+}
+.home-carousel ul,
+.home-carousel p {
+ font-size: 18px;
+ font-weight: 700;
+ padding: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.10em;
+}
+@media (max-width: 991px) {
+ .home-carousel ul,
+ .home-carousel p {
+ font-size: 14px;
+ }
+}
+.home-carousel ul li {
+ margin-bottom: 10px;
+}
+.customers {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.customers .item {
+ list-style-type: none;
+ text-align: center;
+ margin: 0 20px;
+}
+.customers .item img {
+ display: inline-block;
+ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+ /* Firefox 10+, Firefox on Android */
+ filter: gray;
+ /* IE6-9 */
+ -webkit-filter: grayscale(100%);
+ /* Chrome 19+, Safari 6+, Safari 6+ iOS */
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.customers .item img:hover {
+ max-width: auto;
+ filter: none;
+ -webkit-filter: none;
+}
+.testimonials {
+ padding: 0;
+ margin-bottom: 40px;
+}
+.testimonials .item {
+ list-style-type: none;
+ margin: 0 5px;
+ background: #fff;
+ padding-bottom: 60px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.testimonials .item .testimonial {
+ position: relative;
+ padding: 20px;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial:before,
+.testimonials .item .testimonial:after {
+ content: " ";
+ display: table;
+}
+.testimonials .item .testimonial:after {
+ clear: both;
+}
+.testimonials .item .testimonial .text {
+ color: #999999;
+ margin-bottom: 40px;
+}
+.testimonials .item .testimonial .bottom {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px;
+ height: 50px;
+}
+.testimonials .item .testimonial .bottom .icon {
+ color: #986dbd;
+ font-size: 30px;
+ float: left;
+ width: 20%;
+}
+.testimonials .item .testimonial .name-picture {
+ float: right;
+ width: 80%;
+ text-align: right;
+}
+.testimonials .item .testimonial .name-picture h5 {
+ font-size: 14px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.testimonials .item .testimonial .name-picture p {
+ color: #999999;
+ margin: 0;
+ font-size: 12px;
+}
+.testimonials .item .testimonial .name-picture img {
+ float: right;
+ width: 60px;
+ border-radius: 30px;
+ margin-left: 10px;
+}
+.team-member {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.team-member h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ letter-spacing: 0.08em;
+}
+.team-member h3 a {
+ color: #555555;
+}
+.team-member p.role {
+ color: #999999;
+ font-size: 12px;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.team-member .social {
+ margin-bottom: 20px;
+}
+.team-member .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email {
+ background-color: #4a7f45;
+}
+.team-member .text p {
+ color: #999999;
+ font-size: 12px;
+}
+.team-member .social,
+.team-member-detail .social {
+ margin-bottom: 20px;
+}
+.team-member .social a,
+.team-member-detail .social a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+.team-member .social a i,
+.team-member-detail .social a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+.team-member .social a.facebook,
+.team-member-detail .social a.facebook {
+ background-color: #4460ae;
+}
+.team-member .social a.gplus,
+.team-member-detail .social a.gplus {
+ background-color: #c21f25;
+}
+.team-member .social a.twitter,
+.team-member-detail .social a.twitter {
+ background-color: #3cf;
+}
+.team-member .social a.instagram,
+.team-member-detail .social a.instagram {
+ background-color: #cd4378;
+}
+.team-member .social a.email,
+.team-member-detail .social a.email {
+ background-color: #4a7f45;
+}
+.box-simple {
+ text-align: center;
+ margin-bottom: 40px;
+}
+.box-simple .icon {
+ color: #986dbd;
+ border-color: #986dbd;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.box-simple h3 {
+ font-weight: normal;
+ font-size: 18px;
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-simple h3 a {
+ color: #555555;
+}
+.box-simple p {
+ color: #999999;
+}
+.box-simple:hover .icon {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.box-simple:hover .icon i {
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+}
+.box-simple.box-white {
+ padding: 20px;
+ border: dotted 1px #999999;
+}
+.box-simple.box-white .icon {
+ color: #555555;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark {
+ padding: 20px;
+ border: dotted 1px #999999;
+ background: #555555;
+ color: #fff;
+}
+.box-simple.box-dark .icon {
+ color: #f7f7f7;
+ border-color: transparent;
+ font-size: 70px;
+}
+.box-simple.box-dark h3 {
+ color: #fff;
+}
+.box-simple.box-dark h3 a {
+ color: #fff;
+}
+.box-simple.box-dark p {
+ color: #fff;
+}
+.box-image {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #986dbd;
+}
+.box-image .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+.box-image-text {
+ position: relative;
+ overflow: hidden;
+ text-align: center;
+ margin: 15px 0;
+}
+.box-image-text .top {
+ position: relative;
+ margin-bottom: 10px;
+}
+.box-image-text .top .bg {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ background: #986dbd;
+}
+.box-image-text .top .name {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .top .name h3 {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 18px;
+ letter-spacing: 0.08em;
+}
+.box-image-text .top .name h3 a {
+ color: #fff;
+ text-decoration: none;
+}
+.box-image-text .top .text {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ top: 0;
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ -o-transform: translate(0, -150%);
+ transform: translate(0, -150%);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ color: #fff;
+ padding: 0 20px;
+}
+.box-image-text .content h3,
+.box-image-text .content h4 {
+ text-transform: uppercase;
+ line-height: 1.5;
+ color: #555555;
+ font-weight: 800;
+ letter-spacing: 0.08em;
+}
+.box-image-text .content p {
+ color: #999999;
+}
+.box-image-text:hover .bg {
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.box-image-text:hover .name {
+ position: absolute;
+ -webkit-transform: translate(0, -75%);
+ -ms-transform: translate(0, -75%);
+ -o-transform: translate(0, -75%);
+ transform: translate(0, -75%);
+}
+.box-image-text:hover .text {
+ position: absolute;
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ -o-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+/* universal box */
+.box {
+ background: #fff;
+ margin: 0 0 30px;
+ border: solid 1px #ccc;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 20px 0;
+ border-left: none;
+ border-right: none;
+}
+.box .box-header {
+ background: #f7f7f7;
+ margin: -20px 0 20px;
+ padding: 20px;
+ border-bottom: solid 1px #eeeeee;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-header:before,
+.box .box-header:after {
+ content: " ";
+ display: table;
+}
+.box .box-header:after {
+ clear: both;
+}
+.box .box-footer {
+ background: #f7f7f7;
+ margin: 30px 0 -20px;
+ padding: 20px;
+ border-top: solid 1px #eeeeee;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+.box .box-footer:before,
+.box .box-footer:after {
+ content: " ";
+ display: table;
+}
+.box .box-footer:after {
+ clear: both;
+}
+@media (max-width: 991px) {
+ .box .box-footer .btn {
+ margin-bottom: 20px;
+ }
+}
+.box.no-border {
+ border: none;
+}
+#heading-breadcrumbs {
+ background: url('../img/texture-bw.png') center center repeat;
+ padding: 20px 0;
+ margin-bottom: 40px;
+}
+#heading-breadcrumbs.no-mb {
+ margin-bottom: 0;
+}
+#heading-breadcrumbs h1 {
+ color: #333333;
+ text-transform: uppercase;
+ font-size: 30px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+@media (max-width: 991px) {
+ #heading-breadcrumbs h1 {
+ text-align: center;
+ }
+}
+#heading-breadcrumbs ul.breadcrumb {
+ margin-top: 5px;
+ margin-bottom: 0;
+}
+.bar {
+ position: relative;
+ background: #986dbd;
+ padding: 60px 0;
+}
+.bar.background-pentagon {
+ background: url('../img/texture-bw.png') center center repeat;
+ border-top: solid 1px #999999;
+ border-bottom: solid 1px #999999;
+}
+.bar.background-gray {
+ background: #eeeeee;
+}
+.bar.background-gray-dark {
+ background: #555555;
+}
+.bar.background-white {
+ background: #fff;
+}
+.bar.background-image-fixed-1 {
+ background: url('../img/fixed-background-1.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.background-image-fixed-2 {
+ background: url('../img/fixed-background-2.jpg') center top no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+.bar.color-white h1,
+.bar.color-white h2,
+.bar.color-white h3,
+.bar.color-white h4,
+.bar.color-white h5,
+.bar.color-white h6,
+.bar.color-white p {
+ color: #fff;
+}
+.bar.padding-big {
+ padding: 50px 0;
+}
+.bar.padding-horizontal {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+.bar.margin-vertical {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.bar .dark-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+}
+.portfolio.no-space {
+ padding: 0 15px;
+}
+.portfolio.no-space .box-image {
+ margin: 0 -15px;
+}
+.portfolio-project .project-more h4 {
+ color: #555555;
+ text-transform: uppercase;
+ margin-bottom: 0;
+ text-align: left;
+ font-size: 14px;
+ letter-spacing: 0.08em;
+}
+.portfolio-project .project-more p {
+ color: #999999;
+ padding: 10px 0;
+ margin-bottom: 20px;
+ text-align: left;
+}
+.portfolio-showcase {
+ margin: 15px 0 60px;
+}
+.portfolio-showcase h3 a {
+ text-transform: uppercase;
+ line-height: 1.5;
+ letter-spacing: 0.08em;
+}
+.portfolio-showcase p.lead {
+ color: #555555;
+ margin-bottom: 20px;
+}
+.portfolio-showcase p {
+ color: #999999;
+}
+.portfolio-showcase p.buttons {
+ margin-top: 40px;
+}
+.see-more {
+ text-align: center;
+ margin-top: 20px;
+ padding-top: 20px;
+}
+.see-more p {
+ font-size: 28px;
+ font-weight: 100;
+ margin-bottom: 20px;
+}
+.showcase .item {
+ text-align: center;
+}
+.showcase .item .icon {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ color: #555555;
+ line-height: 50px;
+ border-radius: 25px;
+ border: solid 1px #555555;
+}
+.showcase .item h4 {
+ color: #555555;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ line-height: 1.5;
+ font-size: 16px;
+}
+.showcase .item h4 span {
+ font-weight: bold;
+ font-size: 51px;
+}
+.packages .package {
+ background: #fff;
+ margin-top: 25px;
+ margin-bottom: 20px;
+ padding-bottom: 15px;
+ text-align: center;
+ border: solid 1px #986dbd;
+ overflow: hidden;
+}
+.packages .package .package-header {
+ height: 57px;
+ color: #fff;
+ line-height: 57px;
+ background: #986dbd;
+}
+.packages .package .package-header h5 {
+ color: #fff;
+ text-transform: uppercase;
+ font-weight: bold;
+ line-height: 57px;
+ margin: 0;
+ letter-spacing: 0.08em;
+}
+.packages .package .package-header.light-gray {
+ background: #eeeeee;
+}
+.packages .package .package-header.light-gray h5 {
+ color: #555555;
+}
+.packages .package .price {
+ line-height: 120px;
+ height: 100px;
+ color: #fff;
+ font-weight: 400;
+}
+.packages .package .price h4 {
+ display: inline;
+ font-size: 50px;
+ line-height: normal;
+ margin-bottom: 0;
+}
+.packages .package .price .period {
+ line-height: normal;
+ color: #999999;
+}
+.packages .package ul {
+ padding: 0;
+}
+.packages .package ul li {
+ list-style-type: none;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ width: 80%;
+ margin: auto;
+ border-bottom: 1px dotted #ccc;
+}
+.packages .package ul li:last-child {
+ border-bottom: 0;
+}
+.packages .package ul li i {
+ font-size: 13px;
+ margin-right: 5px;
+}
+.packages .best-value .package {
+ margin-top: 0;
+ padding-bottom: 40px;
+}
+.packages .best-value .package .package-header {
+ height: 72px;
+ padding-top: 17px;
+ height: 82px !important;
+}
+.packages .best-value .package .package-header h5 {
+ font-weight: bold;
+ line-height: 29px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.packages .best-value .package .package-header .meta-text {
+ font-size: 13px;
+ line-height: 15px;
+}
+#map {
+ height: 300px;
+}
+#map.with-border {
+ border-top: solid 1px #986dbd;
+ border-bottom: solid 1px #986dbd;
+}
+#blog-listing-big .post,
+#blog-homepage .post {
+ margin-bottom: 60px;
+}
+#blog-listing-big .post h2,
+#blog-homepage .post h2,
+#blog-listing-big .post h4,
+#blog-homepage .post h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post h2 a,
+#blog-homepage .post h2 a,
+#blog-listing-big .post h4 a,
+#blog-homepage .post h4 a {
+ color: #555555;
+}
+#blog-listing-big .post h2 a:hover,
+#blog-homepage .post h2 a:hover,
+#blog-listing-big .post h4 a:hover,
+#blog-homepage .post h4 a:hover {
+ color: #986dbd;
+}
+#blog-listing-big .post .author-category,
+#blog-homepage .post .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ letter-spacing: 0.08em;
+}
+#blog-listing-big .post .author-category a,
+#blog-homepage .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-big .post .date-comments a,
+#blog-homepage .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-big .post .date-comments a:hover,
+#blog-homepage .post .date-comments a:hover {
+ color: #986dbd;
+}
+@media (min-width: 768px) {
+ #blog-listing-big .post .date-comments,
+ #blog-homepage .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-big .post .intro,
+#blog-homepage .post .intro {
+ text-align: left;
+}
+#blog-listing-big .post .image,
+#blog-homepage .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-big .post .image img,
+#blog-homepage .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-big .post .image img.img-responsive,
+ #blog-homepage .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-big .post .video,
+#blog-homepage .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-big .post .read-more,
+#blog-homepage .post .read-more {
+ text-align: right;
+}
+#blog-listing-medium .post {
+ margin-bottom: 60px;
+}
+#blog-listing-medium .post h2 {
+ text-transform: uppercase;
+ margin: 0 0 10px;
+ font-size: 24px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post h2 a {
+ color: #555555;
+}
+#blog-listing-medium .post h2 a:hover {
+ color: #986dbd;
+}
+#blog-listing-medium .post .author-category {
+ float: left;
+ color: #999999;
+ text-transform: uppercase;
+ font-weight: 300;
+ font-size: 12px;
+ letter-spacing: 0.08em;
+}
+#blog-listing-medium .post .author-category a {
+ font-weight: 500;
+}
+#blog-listing-medium .post .date-comments {
+ float: right;
+ font-size: 12px;
+}
+#blog-listing-medium .post .date-comments a {
+ color: #999999;
+ margin-right: 20px;
+}
+#blog-listing-medium .post .date-comments a:hover {
+ color: #986dbd;
+}
+@media (min-width: 768px) {
+ #blog-listing-medium .post .date-comments {
+ text-align: right;
+ }
+}
+#blog-listing-medium .post .intro {
+ text-align: left;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .clearfix:before,
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:before,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:before,
+#blog-listing-medium .post .navbar-header:after {
+ content: " ";
+ display: table;
+}
+#blog-listing-medium .post .clearfix:after,
+#blog-listing-medium .post .navbar:after,
+#blog-listing-medium .post .navbar-header:after {
+ clear: both;
+}
+#blog-listing-medium .post .image {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+#blog-listing-medium .post .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ #blog-listing-medium .post .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+#blog-listing-medium .post .video {
+ margin-bottom: 10px;
+}
+#blog-listing-medium .post .read-more {
+ text-align: right;
+}
+.box-image-text.blog .author-category {
+ color: #999999;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 300;
+ font-size: 12px;
+}
+.box-image-text.blog .author-category a {
+ font-weight: 500;
+}
+.box-image-text.blog .intro {
+ text-align: left;
+ margin-bottom: 20px;
+}
+#blog-homepage .post {
+ margin-bottom: 30px;
+}
+#blog-homepage .post h2,
+#blog-homepage .post h4,
+#blog-homepage .post .author-category,
+#blog-homepage .post .read-more {
+ text-align: center;
+}
+#blog-homepage .post .read-more {
+ margin-top: 20px;
+}
+#blog-post #post-content {
+ margin-bottom: 20px;
+}
+#blog-post .comment {
+ margin-bottom: 25px;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment:before,
+#blog-post .comment:after {
+ content: " ";
+ display: table;
+}
+#blog-post .comment:after {
+ clear: both;
+}
+#blog-post .comment .posted {
+ color: #999999;
+ font-size: 12px;
+}
+#blog-post .comment .reply {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#blog-post .comment.last {
+ margin-bottom: 0;
+}
+#blog-post #comments,
+#blog-post #comment-form {
+ padding: 20px 0;
+ margin-top: 20px;
+ border-top: solid 1px #eeeeee;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments:before,
+#blog-post #comment-form:before,
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ content: " ";
+ display: table;
+}
+#blog-post #comments:after,
+#blog-post #comment-form:after {
+ clear: both;
+}
+#blog-post #comments h4,
+#blog-post #comment-form h4 {
+ margin-bottom: 20px;
+}
+#blog-post #comment-form {
+ margin-bottom: 20px;
+}
+.product {
+ background: #fff;
+ border-bottom: solid 1px #e6e6e6;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 60px;
+ overflow: hidden;
+ text-align: center;
+}
+.product .image {
+ overflow: hidden;
+}
+.product .image img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+@media (max-width: 767px) {
+ .product .image img.img-responsive {
+ min-width: 100%;
+ }
+}
+.product .text {
+ padding: 10px;
+}
+.product .text h3 {
+ font-size: 14px;
+ font-weight: 700;
+ height: 39.6px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.product .text h3 a {
+ color: #555555;
+}
+.product .text h3 a:hover {
+ text-decoration: none;
+}
+.product .text p.price {
+ font-size: 18px;
+}
+.product .text p.price del {
+ color: #999999;
+}
+.product .buttons {
+ clear: both;
+ position: absolute;
+ display: none;
+ bottom: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ border: solid 1px transparent;
+ padding: 20px;
+ background: rgba(255, 255, 255, 0.9);
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ text-align: center;
+}
+.product .buttons .btn {
+ margin-bottom: 20px;
+}
+.product:hover {
+ border-bottom: solid 1px #808080;
+ top: 0;
+}
+.product:hover .buttons {
+ clear: both;
+ position: absolute;
+ top: 0;
+ background: rgba(255, 255, 255, 0.5);
+}
+.product:hover .image img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+.goToDescription {
+ font-size: 12px;
+ text-align: center;
+ margin-bottom: 40px;
+}
+.goToDescription a {
+ color: #999999;
+ text-decoration: underline;
+}
+#productMain {
+ margin-bottom: 30px;
+}
+#productMain .sizes {
+ text-align: center;
+}
+#productMain .sizes h3 {
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ margin-bottom: 40px;
+}
+#productMain .sizes a {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ border-radius: 40px;
+ background: #ccc;
+ line-height: 40px;
+ color: #555555;
+ text-align: center;
+ text-decoration: none;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+#productMain .sizes a.active,
+#productMain .sizes a:hover {
+ background: #986dbd;
+ color: #fff;
+}
+#productMain .sizes input {
+ display: none;
+}
+#productMain .price {
+ font-size: 40px;
+ text-align: center;
+ margin-top: 40px;
+ margin-bottom: 40px;
+}
+#thumbs a {
+ display: block;
+ border: solid 1px transparent;
+}
+#thumbs a.active {
+ border-color: #986dbd;
+}
+#product-social {
+ text-align: center;
+}
+#product-social h4 {
+ font-weight: 300;
+ margin-bottom: 10px;
+}
+#product-social p {
+ line-height: 26px;
+}
+#product-social p a {
+ margin: 0 10px 0 0;
+ color: #fff;
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ border-radius: 13px;
+ line-height: 26px;
+ font-size: 15px;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ vertical-align: bottom;
+}
+#product-social p a i {
+ vertical-align: bottom;
+ line-height: 26px;
+}
+#product-social p a.facebook {
+ background-color: #4460ae;
+}
+#product-social p a.gplus {
+ background-color: #c21f25;
+}
+#product-social p a.twitter {
+ background-color: #3cf;
+}
+#product-social p a.instagram {
+ background-color: #cd4378;
+}
+#product-social p a.email {
+ background-color: #4a7f45;
+}
+@media (max-width: 991px) {
+ #product-social {
+ text-align: center;
+ }
+}
+#checkout .nav {
+ margin-bottom: 20px;
+ border-bottom: solid 1px #986dbd;
+}
+#checkout .nav li {
+ height: 100%;
+}
+#checkout .nav li a {
+ display: block;
+ height: 100%;
+}
+#order-summary table {
+ margin-top: 20px;
+}
+#order-summary table td {
+ color: #999999;
+}
+#order-summary table tr.total td,
+#order-summary table tr.total th {
+ font-size: 18px;
+ color: #555555;
+ font-weight: 700;
+}
+#checkout .table tbody tr td,
+#basket .table tbody tr td,
+#customer-order .table tbody tr td {
+ vertical-align: middle;
+}
+#checkout .table tbody tr td input,
+#basket .table tbody tr td input,
+#customer-order .table tbody tr td input {
+ width: 50px;
+ text-align: right;
+}
+#checkout .table tbody tr td img,
+#basket .table tbody tr td img,
+#customer-order .table tbody tr td img {
+ width: 50px;
+}
+#checkout .table tfoot,
+#basket .table tfoot,
+#customer-order .table tfoot {
+ font-size: 18px;
+}
+.shipping-method h4,
+.payment-method h4 {
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#customer-orders table tr th,
+#customer-orders table tr td {
+ vertical-align: baseline;
+}
+#customer-order .table tfoot th {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-order .addresses {
+ text-align: right;
+ margin-bottom: 30px;
+}
+#customer-order .addresses p {
+ font-size: 18px;
+ font-weight: 300;
+}
+#customer-account {
+ margin-bottom: 30px;
+}
+#get-it {
+ background: #986dbd;
+ padding: 50px 0 30px;
+ color: #fff;
+ text-align: center;
+}
+#get-it h1,
+#get-it h2,
+#get-it h3,
+#get-it h4,
+#get-it h5,
+#get-it h6 {
+ color: #fff;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ margin: 0 0 20px;
+}
+#get-it p {
+ margin: 0 0 20px;
+}
+#footer {
+ background: #555555;
+ padding: 50px 0;
+ color: #999999;
+}
+#footer h1,
+#footer h2,
+#footer h3,
+#footer h4,
+#footer h5,
+#footer h6 {
+ color: #eeeeee;
+}
+#footer h4 {
+ font-size: 14px;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+#footer ul {
+ padding-left: 0;
+ list-style: none;
+}
+#footer ul a {
+ color: #999999;
+}
+#footer ul a:hover {
+ color: #986dbd;
+ text-decoration: none;
+}
+#footer .photostream div {
+ float: left;
+ display: block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 33%;
+ padding: 7.5px;
+ overflow: hidden;
+}
+#footer .photostream div a {
+ border: solid 1 px #eeeeee;
+}
+#footer .photostream div img {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+#footer .photostream div:hover img {
+ -webkit-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+#footer .blog-entries .item {
+ clear: both;
+ padding: 5px 0;
+ margin-bottom: 10px;
+ border-bottom: solid 1px #555555;
+}
+#footer .blog-entries .item .image {
+ float: left;
+ width: 15%;
+ margin-right: 10px;
+}
+#footer .blog-entries .item .name {
+ width: 75%;
+ margin-left: 10px;
+ display: table-cell;
+ vertical-align: middle;
+}
+#footer .blog-entries .item .name h5 {
+ margin: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-size: 12px;
+}
+#footer .blog-entries .item .name h5 a {
+ color: #eeeeee;
+}
+#footer .blog-entries .item .text {
+ width: 100%;
+ clear: both;
+}
+#footer .blog-entries .item:last-child {
+ border-bottom: none;
+ margin-bottom: 0;
+}
+#footer .social a {
+ color: #555555;
+ font-size: 25px;
+ margin: 0 10px 0 0;
+}
+#footer .social a:hover {
+ color: #986dbd;
+}
+#copyright {
+ background: #333;
+ color: #ccc;
+ padding: 50px 0;
+ font-size: 12px;
+ line-height: 28px;
+}
+#copyright p {
+ margin: 0;
+}
+@media (max-width: 991px) {
+ #copyright p {
+ float: none !important;
+ text-align: center;
+ margin-bottom: 10px;
+ }
+}
+[data-animate] {
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+#style-switch-button {
+ position: fixed;
+ top: 100px;
+ left: 0px;
+ border-radius: 0;
+}
+#style-switch {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 300px;
+ padding: 20px;
+ position: fixed;
+ top: 140px;
+ left: 0;
+ background: #fff;
+ border: solid 1px #eeeeee;
+}
+@media (max-width: 991px) {
+ #style-switch-button {
+ display: none;
+ }
+ #style-switch {
+ display: none;
+ }
+}
+/* Original Boostrap template overwrite */
+/* breadcrumbs */
+.breadcrumb {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ background-color: none;
+ letter-spacing: 0.08em;
+}
+/* nav */
+.nav > li > a {
+ padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+ background-color: #eeeeee;
+}
+.nav > li.disabled > a {
+ color: #999999;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+ color: #999999;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+ background-color: #eeeeee;
+ border-color: #986dbd;
+}
+.nav-tabs {
+ border-bottom: 1px solid #986dbd;
+}
+.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: 0 0 0 0;
+}
+.nav-tabs > li > a:hover {
+ border-color: #eeeeee #eeeeee #986dbd;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+ color: #555555;
+ background-color: #ffffff;
+ border: 1px solid #986dbd;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+.nav-tabs.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #986dbd;
+ 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;
+}
+.nav-tabs.nav-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+ border: 1px solid #986dbd;
+}
+@media (min-width: 768px) {
+ .nav-tabs.nav-justified > li > a {
+ border-bottom: 1px solid #986dbd;
+ border-radius: 0 0 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: #ffffff;
+ }
+}
+.nav-pills > li {
+ float: left;
+}
+.nav-pills > li > a {
+ border-radius: 0;
+}
+.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: #ffffff;
+ background-color: #986dbd;
+}
+.nav-stacked > li {
+ float: none;
+}
+.nav-stacked > li + li {
+ margin-top: 2px;
+ margin-left: 0;
+}
+.nav-justified {
+ width: 100%;
+ border-bottom: solid 1px #986dbd;
+}
+.nav-justified > li {
+ float: none;
+}
+.nav-justified > li > a {
+ text-align: center;
+ /*margin-bottom: 5px;*/
+}
+.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
+}
+.nav-tabs-justified {
+ border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+ margin-right: 0;
+ border-radius: 0;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+ border: 1px solid #986dbd;
+}
+@media (min-width: 768px) {
+ .nav-tabs-justified > li > a {
+ border-bottom: 1px solid #986dbd;
+ border-radius: 0 0 0 0;
+ }
+ .nav-tabs-justified > .active > a,
+ .nav-tabs-justified > .active > a:hover,
+ .nav-tabs-justified > .active > a:focus {
+ border-bottom-color: #ffffff;
+ }
+}
+.tab-content {
+ padding: 15px;
+ border: solid 1px #ddd;
+ border-top: none;
+}
+/* navbar */
+.navbar {
+ position: relative;
+ min-height: 62px;
+ margin-bottom: 0;
+ border-bottom: 1px solid transparent;
+}
+@media (min-width: 768px) {
+ .navbar {
+ border-radius: 0px;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-header {
+ float: left;
+ }
+}
+.navbar-collapse {
+ overflow-x: visible;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+.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;
+ }
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-affixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+ max-height: 340px;
+}
+@media (max-width: 480px) and (orientation: landscape) {
+ .navbar-fixed-top .navbar-collapse,
+ .navbar-affixed-top .navbar-collapse,
+ .navbar-fixed-bottom .navbar-collapse {
+ max-height: 200px;
+ }
+}
+.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;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+@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: 10px 15px;
+ font-size: 18px;
+ line-height: 20px;
+ height: 62px;
+}
+.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: 14px;
+ margin-bottom: 14px;
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 0;
+}
+.navbar-toggle:focus {
+ outline: 0;
+}
+.navbar-nav {
+ margin: 10.5px -15px;
+}
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
+}
+@media (max-width: 767px) {
+ .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: 21px;
+ padding-bottom: 21px;
+ }
+ .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, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ margin-top: 14px;
+ margin-bottom: 14px;
+}
+@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: 14px;
+ margin-bottom: 14px;
+}
+.navbar-btn.btn-sm {
+ margin-top: 16px;
+ margin-bottom: 16px;
+}
+.navbar-btn.btn-xs {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.navbar-text {
+ margin-top: 21px;
+ margin-bottom: 21px;
+}
+@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: #ffffff;
+ border-color: #cccccc;
+ border-bottom: none;
+}
+.navbar-default .navbar-brand {
+ color: #555555;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+ color: #3b3b3b;
+ background-color: transparent;
+}
+.navbar-default .navbar-text {
+ color: #777777;
+}
+.navbar-default .navbar-nav > li > a {
+ color: #555555;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+ color: #555555;
+ background-color: #cab3dd;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: #ffffff;
+ background-color: #986dbd;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+ color: #cccccc;
+ background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+ border-color: #dddddd;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+ background-color: #986dbd;
+}
+.navbar-default .navbar-toggle .icon-bar {
+ background-color: #888888;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+ border-color: #cccccc;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+ background-color: #986dbd;
+ color: #ffffff;
+}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+ color: #555555;
+ }
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #986dbd;
+ }
+ .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: #ffffff;
+ background-color: #986dbd;
+ }
+ .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: #cccccc;
+ background-color: transparent;
+ }
+}
+.navbar-default .navbar-link {
+ color: #555555;
+}
+.navbar-default .navbar-link:hover {
+ color: #555555;
+}
+.navbar-default .btn-link {
+ color: #555555;
+}
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
+ color: #555555;
+}
+.navbar-default .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-default .btn-link:hover,
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+ color: #cccccc;
+}
+/* scaffolding */
+body {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
+}
+a {
+ color: #986dbd;
+ text-decoration: none;
+}
+a:hover,
+a:focus {
+ color: #724599;
+ text-decoration: underline;
+}
+a:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+.img-rounded {
+ border-radius: 0;
+}
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #eeeeee;
+}
+/* breadcrumbs */
+.breadcrumb {
+ padding: 20px 0;
+ margin-bottom: 20px;
+ background-color: transparent;
+ border-radius: 0;
+ text-align: right;
+}
+.breadcrumb > li + li:before {
+ content: ">\00a0";
+ color: #555555;
+}
+.breadcrumb > .active {
+ color: #999999;
+}
+@media (max-width: 991px) {
+ .breadcrumb {
+ padding: 20px 0;
+ text-align: center;
+ }
+}
+/* dropdowns */
+.dropdown-menu {
+ z-index: 1000;
+ font-size: 14px;
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ box-shadow: 0 6px 12px rgba(0, 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 {
+ padding: 5px 20px;
+ line-height: 1.42857143;
+ color: #333333;
+ white-space: nowrap;
+}
+/* labels */
+.label {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+/* forms.less */
+label {
+ font-weight: normal;
+}
+.form-control {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-radius: 0;
+}
+.form-control:focus {
+ border-color: #986dbd;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(152, 109, 189, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(152, 109, 189, 0.6);
+}
+.form-group {
+ margin-bottom: 20px;
+}
+/* pager*/
+.pager {
+ margin: 20px 0;
+ border-top: solid 1px #eeeeee;
+ padding-top: 20px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+.pager li {
+ display: inline;
+}
+.pager li > a,
+.pager li > span {
+ background-color: #ffffff;
+ border: 1px solid #986dbd;
+ border-radius: 0;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+ text-decoration: none;
+ color: #fff;
+ background-color: #986dbd;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #ddd;
+}
+/* pagination */
+.pagination {
+ margin: 20px 0;
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ border-radius: 0;
+}
+.pagination > li > a,
+.pagination > li > span {
+ padding: 6px 12px;
+ line-height: 1.42857143;
+ text-decoration: none;
+ color: #986dbd;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+ color: #986dbd;
+ background-color: #e2d6ed;
+ border-color: #dddddd;
+}
+.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: #ffffff;
+ background-color: #986dbd;
+ border-color: #986dbd;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ color: #999999;
+ background-color: #ffffff;
+ border-color: #dddddd;
+}
+/* responsive utilities */
+@media (max-width: 767px) {
+ .text-center-xs {
+ text-align: center !important;
+ }
+ .text-center-xs img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+ .text-center-sm {
+ text-align: center !important;
+ }
+ .text-center-sm img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+/* type */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ font-weight: 900;
+ line-height: 1.1;
+ color: #333333;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+p {
+ margin: 0 0 10px;
+}
+.lead {
+ margin-bottom: 20px;
+ font-size: 18px;
+}
+@media (min-width: 768px) {
+ .lead {
+ font-size: 21px;
+ }
+}
+.text-small {
+ font-size: 12px;
+}
+.text-large {
+ font-size: 18px;
+}
+.text-italic {
+ font-style: italic;
+}
+.text-primary {
+ color: #986dbd;
+}
+a.text-primary:hover {
+ color: #7f4daa;
+}
+.bg-primary {
+ color: #fff;
+ background-color: #986dbd;
+}
+a.bg-primary:hover {
+ background-color: #7f4daa;
+}
+abbr[title],
+abbr[data-original-title] {
+ border-bottom: 1px dotted #999999;
+}
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 14px;
+ border-left: 5px solid #986dbd;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #999999;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+ content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+ border-right: 5px solid #986dbd;
+}
+address {
+ margin-bottom: 20px;
+ line-height: 1.42857143;
+}
+.panel {
+ margin-bottom: 20px;
+ background-color: #ffffff;
+ border: 1px solid transparent;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0 0;
+ box-shadow: 0 0 0;
+}
+.panel-heading {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ padding: 15px 15px;
+}
+.progress {
+ overflow: hidden;
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.panel-group {
+ margin-bottom: 20px;
+}
+.panel-group .panel {
+ margin-bottom: 0;
+ border-radius: 0;
+ overflow: hidden;
+}
+.panel-group .panel + .panel {
+ margin-top: 5px;
+}
+.panel-group.accordion .panel {
+ border-color: #ccc;
+}
+.panel-primary {
+ border-color: #986dbd;
+}
+.panel-primary > .panel-heading {
+ color: #ffffff;
+ background-color: #986dbd;
+ border-color: #986dbd;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #986dbd;
+}
+.panel-primary > .panel-heading .badge {
+ color: #986dbd;
+ background-color: #ffffff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #986dbd;
+}
+.panel-primary .panel-title {
+ font-weight: 300;
+}
+.panel-primary .panel-title a:hover {
+ color: #fff;
+ text-decoration: none;
+}
+a.badge:hover,
+a.badge:focus {
+ color: #ffffff;
+ text-decoration: none;
+ cursor: pointer;
+}
+a.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+ color: #986dbd;
+ background-color: #ffffff;
+}
+.nav-pills > li > a > .badge {
+ margin-left: 3px;
+}
+.progress-bar-primary {
+ background-color: #986dbd;
+}
+.progress-striped .progress-bar-primary {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+/*!
+ * Yamm!3 - Yet another megamenu for Bootstrap 3
+ * http://geedmo.github.com/yamm3
+ *
+ * @geedmo - Licensed under the MIT license
+ */
+.yamm .nav,
+.yamm .collapse,
+.yamm .dropup.use-yamm,
+.yamm .dropdown.use-yamm {
+ position: static;
+}
+.yamm .container {
+ position: relative;
+}
+.yamm .dropdown-menu {
+ left: auto;
+}
+.yamm .nav.navbar-right .dropdown-menu {
+ left: auto;
+ right: 0;
+}
+.yamm .yamm-content {
+ padding: 20px 30px;
+}
+.yamm .dropdown.yamm-fw .dropdown-menu {
+ left: 15px;
+ right: 15px;
+}
diff --git a/faq/index.html b/faq/index.html
new file mode 100644
index 0000000..2059a8e
--- /dev/null
+++ b/faq/index.html
@@ -0,0 +1,345 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>FAQ</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="FAQ, How do I, questions, what if">
+
+
+
+ <meta name="description" content="Frequently asked questions">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="FAQ" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/faq//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="FAQ logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="FAQ logo" class="visible-xs visible-sm">
+ <span class="sr-only">FAQ - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>FAQ</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+
+
+ <div class="container">
+
+ <div class="row">
+
+ <div class="col-md-12">
+
+ <div>
+
+
+<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+
+<h2 id="1-what-to-do-if-i-have-still-not-received-the-order">1. WHAT TO DO IF I HAVE STILL NOT RECEIVED THE ORDER?</h2>
+
+<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+
+<ul>
+<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+<li>Aliquam tincidunt mauris eu risus.</li>
+<li>Vestibulum auctor dapibus neque.</li>
+</ul>
+
+<h2 id="2-what-are-the-postal-rates">2. WHAT ARE THE POSTAL RATES?</h2>
+
+<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.</p>
+
+<h2 id="3-do-you-send-overseas">3. DO YOU SEND OVERSEAS?</h2>
+
+<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.</p>
+
+<h2 id="4-why-are-you-more-expensive-than-others">4. WHY ARE YOU MORE EXPENSIVE THAN OTHERS?</h2>
+
+<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+
+<ul>
+<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+<li>Aliquam tincidunt mauris eu risus.</li>
+<li>Vestibulum auctor dapibus neque.</li>
+</ul>
+
+<h2 id="5-another-important-question">5. ANOTHER IMPORTANT QUESTION</h2>
+
+<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+
+<ul>
+<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+<li>Aliquam tincidunt mauris eu risus.</li>
+<li>Vestibulum auctor dapibus neque.</li>
+</ul>
+
+<hr />
+
+<blockquote>
+<p>In case you haven’t found the answer for your question please feel free to contact us, our customer support will be happy to help you.</p>
+</blockquote>
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ </div>
+
+
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/forum/index.html b/forum/index.html
new file mode 100644
index 0000000..b611b76
--- /dev/null
+++ b/forum/index.html
@@ -0,0 +1,303 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Forum</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Forum" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/forum//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Forum logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Forum logo" class="visible-xs visible-sm">
+ <span class="sr-only">Forum - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Forum</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+
+
+ <div class="container">
+
+ <div class="row">
+
+ <div class="col-md-12">
+
+ <div>
+
+
+<h1 id="visit-the-eclipse-basyx-forum">Visit the Eclipse BaSyx Forum</h1>
+
+<p><a href="https://www.eclipse.org/forums/index.php/f/386/">Click Here</a></p>
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ </div>
+
+
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/img/BMBF_Logo.png b/img/BMBF_Logo.png
new file mode 100644
index 0000000..7759cfd
--- /dev/null
+++ b/img/BMBF_Logo.png
Binary files differ
diff --git a/img/basyx-icon.png b/img/basyx-icon.png
new file mode 100644
index 0000000..8c75b32
--- /dev/null
+++ b/img/basyx-icon.png
Binary files differ
diff --git a/img/basyxlogo.png b/img/basyxlogo.png
new file mode 100644
index 0000000..226a4ff
--- /dev/null
+++ b/img/basyxlogo.png
Binary files differ
diff --git a/img/carousel/basyx-slide-01.png b/img/carousel/basyx-slide-01.png
new file mode 100644
index 0000000..0686795
--- /dev/null
+++ b/img/carousel/basyx-slide-01.png
Binary files differ
diff --git a/img/clients/ABB_logo.png b/img/clients/ABB_logo.png
new file mode 100644
index 0000000..57a6515
--- /dev/null
+++ b/img/clients/ABB_logo.png
Binary files differ
diff --git a/img/clients/Bosch_Rexroth_logo.png b/img/clients/Bosch_Rexroth_logo.png
new file mode 100644
index 0000000..fa16474
--- /dev/null
+++ b/img/clients/Bosch_Rexroth_logo.png
Binary files differ
diff --git a/img/clients/Bosch_logo.png b/img/clients/Bosch_logo.png
new file mode 100644
index 0000000..d19b93b
--- /dev/null
+++ b/img/clients/Bosch_logo.png
Binary files differ
diff --git a/img/clients/DFKI_logo.png b/img/clients/DFKI_logo.png
new file mode 100644
index 0000000..d275e98
--- /dev/null
+++ b/img/clients/DFKI_logo.png
Binary files differ
diff --git a/img/clients/Festo_logo.png b/img/clients/Festo_logo.png
new file mode 100644
index 0000000..334111d
--- /dev/null
+++ b/img/clients/Festo_logo.png
Binary files differ
diff --git a/img/clients/Fraunhofer_iese_logo.png b/img/clients/Fraunhofer_iese_logo.png
new file mode 100644
index 0000000..b32f674
--- /dev/null
+++ b/img/clients/Fraunhofer_iese_logo.png
Binary files differ
diff --git a/img/clients/ITQ_logo.png b/img/clients/ITQ_logo.png
new file mode 100644
index 0000000..fdcbb15
--- /dev/null
+++ b/img/clients/ITQ_logo.png
Binary files differ
diff --git a/img/clients/KUKA_logo.png b/img/clients/KUKA_logo.png
new file mode 100644
index 0000000..bef4825
--- /dev/null
+++ b/img/clients/KUKA_logo.png
Binary files differ
diff --git a/img/clients/PSI_logo.png b/img/clients/PSI_logo.png
new file mode 100644
index 0000000..762c1b1
--- /dev/null
+++ b/img/clients/PSI_logo.png
Binary files differ
diff --git a/img/clients/RWTH_logo.png b/img/clients/RWTH_logo.png
new file mode 100644
index 0000000..489541b
--- /dev/null
+++ b/img/clients/RWTH_logo.png
Binary files differ
diff --git a/img/clients/SMSGroup_logo.png b/img/clients/SMSGroup_logo.png
new file mode 100644
index 0000000..c145e69
--- /dev/null
+++ b/img/clients/SMSGroup_logo.png
Binary files differ
diff --git a/img/clients/Sysgo_logo.png b/img/clients/Sysgo_logo.png
new file mode 100644
index 0000000..08f08c6
--- /dev/null
+++ b/img/clients/Sysgo_logo.png
Binary files differ
diff --git a/img/clients/ZF_Friedrichshafen_logo.png b/img/clients/ZF_Friedrichshafen_logo.png
new file mode 100644
index 0000000..4c3db8c
--- /dev/null
+++ b/img/clients/ZF_Friedrichshafen_logo.png
Binary files differ
diff --git a/img/clients/eclipse_foundation_logo.png b/img/clients/eclipse_foundation_logo.png
new file mode 100644
index 0000000..34fe519
--- /dev/null
+++ b/img/clients/eclipse_foundation_logo.png
Binary files differ
diff --git a/img/clients/fortiss_logo.png b/img/clients/fortiss_logo.png
new file mode 100644
index 0000000..19c1a66
--- /dev/null
+++ b/img/clients/fortiss_logo.png
Binary files differ
diff --git a/img/favicon/android-icon-192x192.png b/img/favicon/android-icon-192x192.png
new file mode 100644
index 0000000..e4e8dcf
--- /dev/null
+++ b/img/favicon/android-icon-192x192.png
Binary files differ
diff --git a/img/favicon/apple-icon-114x114.png b/img/favicon/apple-icon-114x114.png
new file mode 100644
index 0000000..96c1425
--- /dev/null
+++ b/img/favicon/apple-icon-114x114.png
Binary files differ
diff --git a/img/favicon/apple-icon-120x120.png b/img/favicon/apple-icon-120x120.png
new file mode 100644
index 0000000..6e536f4
--- /dev/null
+++ b/img/favicon/apple-icon-120x120.png
Binary files differ
diff --git a/img/favicon/apple-icon-144x144.png b/img/favicon/apple-icon-144x144.png
new file mode 100644
index 0000000..3475187
--- /dev/null
+++ b/img/favicon/apple-icon-144x144.png
Binary files differ
diff --git a/img/favicon/apple-icon-152x152.png b/img/favicon/apple-icon-152x152.png
new file mode 100644
index 0000000..08c8055
--- /dev/null
+++ b/img/favicon/apple-icon-152x152.png
Binary files differ
diff --git a/img/favicon/apple-icon-180x180.png b/img/favicon/apple-icon-180x180.png
new file mode 100644
index 0000000..b9811ec
--- /dev/null
+++ b/img/favicon/apple-icon-180x180.png
Binary files differ
diff --git a/img/favicon/apple-icon-57x57.png b/img/favicon/apple-icon-57x57.png
new file mode 100644
index 0000000..e00c33f
--- /dev/null
+++ b/img/favicon/apple-icon-57x57.png
Binary files differ
diff --git a/img/favicon/apple-icon-60x60.png b/img/favicon/apple-icon-60x60.png
new file mode 100644
index 0000000..aa4ec0a
--- /dev/null
+++ b/img/favicon/apple-icon-60x60.png
Binary files differ
diff --git a/img/favicon/apple-icon-72x72.png b/img/favicon/apple-icon-72x72.png
new file mode 100644
index 0000000..635ca5f
--- /dev/null
+++ b/img/favicon/apple-icon-72x72.png
Binary files differ
diff --git a/img/favicon/apple-icon-76x76.png b/img/favicon/apple-icon-76x76.png
new file mode 100644
index 0000000..41aec95
--- /dev/null
+++ b/img/favicon/apple-icon-76x76.png
Binary files differ
diff --git a/img/favicon/browserconfig.xml b/img/favicon/browserconfig.xml
new file mode 100644
index 0000000..c554148
--- /dev/null
+++ b/img/favicon/browserconfig.xml
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
\ No newline at end of file
diff --git a/img/favicon/favicon-16x16.png b/img/favicon/favicon-16x16.png
new file mode 100644
index 0000000..8dc4964
--- /dev/null
+++ b/img/favicon/favicon-16x16.png
Binary files differ
diff --git a/img/favicon/favicon-256x256.png b/img/favicon/favicon-256x256.png
new file mode 100644
index 0000000..70747f9
--- /dev/null
+++ b/img/favicon/favicon-256x256.png
Binary files differ
diff --git a/img/favicon/favicon-32x32.png b/img/favicon/favicon-32x32.png
new file mode 100644
index 0000000..34d863a
--- /dev/null
+++ b/img/favicon/favicon-32x32.png
Binary files differ
diff --git a/img/favicon/favicon-96x96.png b/img/favicon/favicon-96x96.png
new file mode 100644
index 0000000..a02e8df
--- /dev/null
+++ b/img/favicon/favicon-96x96.png
Binary files differ
diff --git a/img/favicon/favicon.ico b/img/favicon/favicon.ico
new file mode 100644
index 0000000..8dc4964
--- /dev/null
+++ b/img/favicon/favicon.ico
Binary files differ
diff --git a/img/favicon/manifest.json b/img/favicon/manifest.json
new file mode 100644
index 0000000..013d4a6
--- /dev/null
+++ b/img/favicon/manifest.json
@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+ {
+ "src": "\/android-icon-36x36.png",
+ "sizes": "36x36",
+ "type": "image\/png",
+ "density": "0.75"
+ },
+ {
+ "src": "\/android-icon-48x48.png",
+ "sizes": "48x48",
+ "type": "image\/png",
+ "density": "1.0"
+ },
+ {
+ "src": "\/android-icon-72x72.png",
+ "sizes": "72x72",
+ "type": "image\/png",
+ "density": "1.5"
+ },
+ {
+ "src": "\/android-icon-96x96.png",
+ "sizes": "96x96",
+ "type": "image\/png",
+ "density": "2.0"
+ },
+ {
+ "src": "\/android-icon-144x144.png",
+ "sizes": "144x144",
+ "type": "image\/png",
+ "density": "3.0"
+ },
+ {
+ "src": "\/android-icon-192x192.png",
+ "sizes": "192x192",
+ "type": "image\/png",
+ "density": "4.0"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/img/favicon/ms-icon-144x144.png b/img/favicon/ms-icon-144x144.png
new file mode 100644
index 0000000..ec8fa7b
--- /dev/null
+++ b/img/favicon/ms-icon-144x144.png
Binary files differ
diff --git a/img/favicon/ms-icon-150x150.png b/img/favicon/ms-icon-150x150.png
new file mode 100644
index 0000000..7029751
--- /dev/null
+++ b/img/favicon/ms-icon-150x150.png
Binary files differ
diff --git a/img/favicon/ms-icon-310x310.png b/img/favicon/ms-icon-310x310.png
new file mode 100644
index 0000000..4509f76
--- /dev/null
+++ b/img/favicon/ms-icon-310x310.png
Binary files differ
diff --git a/img/favicon/ms-icon-70x70.png b/img/favicon/ms-icon-70x70.png
new file mode 100644
index 0000000..1ed4849
--- /dev/null
+++ b/img/favicon/ms-icon-70x70.png
Binary files differ
diff --git a/img/fixed-background-2.jpg b/img/fixed-background-2.jpg
new file mode 100644
index 0000000..881ca52
--- /dev/null
+++ b/img/fixed-background-2.jpg
Binary files differ
diff --git a/img/photogrid.jpg b/img/photogrid.jpg
new file mode 100755
index 0000000..137e111
--- /dev/null
+++ b/img/photogrid.jpg
Binary files differ
diff --git a/img/texture-green.png b/img/texture-green.png
new file mode 100755
index 0000000..21b9231
--- /dev/null
+++ b/img/texture-green.png
Binary files differ
diff --git a/img/texture-turquoise.png b/img/texture-turquoise.png
new file mode 100755
index 0000000..8da5351
--- /dev/null
+++ b/img/texture-turquoise.png
Binary files differ
diff --git a/img/texture-violet.png b/img/texture-violet.png
new file mode 100755
index 0000000..81a4e1a
--- /dev/null
+++ b/img/texture-violet.png
Binary files differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..28f3a69
--- /dev/null
+++ b/index.html
@@ -0,0 +1,673 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Eclipse BaSyx</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Eclipse BaSyx" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+
+<div id="top">
+ <div class="container">
+ <div class="row">
+ <div class="col-xs-5">
+ <p class="hidden-sm hidden-xs">Contact us on <a href="mailto:basyx-dev@eclipse.org">basyx-dev@eclipse.org</a></p>
+ <p class="hidden-md hidden-lg"><a href="#" data-animate-hover="pulse"><i class="fa fa-phone"></i></a>
+ <a href="#" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
+ </p>
+
+ </div>
+ <div class="col-xs-7">
+ <div class="social">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads" target="_blank" style="opacity: 1;"><i class='fa fa-2x fa-github'></i></a>
+
+ <a href="mailto:basyx-dev@eclipse.org" target="_blank" style="opacity: 1;"><i class='fa fa-2x fa-envelope'></i></a>
+
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Eclipse BaSyx logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Eclipse BaSyx logo" class="visible-xs visible-sm">
+ <span class="sr-only">Eclipse BaSyx - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+
+
+
+<section>
+ <div class="home-carousel">
+ <div class="dark-mask"></div>
+ <div class="container">
+ <div class="homepage owl-carousel">
+
+ <div class="item">
+ <div class="row">
+ <div class="col-sm-5 right">
+ <h1>Eclipse BaSyx</h1>
+
+ </div>
+ <div class="col-sm-7">
+ <a href="img/carousel/basyx-slide-01.png">
+ <img class="img-responsive" src="img/carousel/basyx-slide-01.png"
+ alt="BaSyx Pillars">
+ </a>
+
+ </div>
+ </div>
+ </div>
+
+ </div>
+
+ </div>
+ </div>
+</section>
+
+
+
+
+
+
+
+
+<section class="bar background-image-fixed-2 no-mb color-white text-center">
+ <div class="dark-mask"></div>
+ <div class="container">
+ <div class="col-md-12">
+
+ <div class="heading text-center">
+ <h2>About</h2>
+ </div>
+ <p class="lead"><p class="lead">
+Eclipse BaSyx is an open source platform for the next generation automation. As a reference technology platform, the BaSyx project enables large and small industries, research institutes, academia, and interested persons, to participate in the fourth industrial revolution.
+</p>
+
+<p class="lead">
+By providing common Industrie 4.0 components and an extendable SDK the platform accelerates the development of Industrie 4.0 solutions.
+The Eclipse BaSyx platform addresses challenges like changeable production to enable individualized goods, exploiting big data analytics and connecting heterogenous devices and systems while minimizing downtime and other associated costs.
+<!--use cases like a profitable production of a small lot size or a predictive maintenance for devices.
+Connecting devices at the shop-floor with IT systems at the office-floor, Big Data Analytics and new Business Models are further examples what the platform enables.
+More details about the mentioned use cases could be read <a href="/basyx/use-case/">here</a>.-->
+</p>
+
+<p></p></p>
+ <p class="read-more">
+ <a href="https://www.eclipse.org/basyx/about/" class="btn btn-template-main">Continue reading</a>
+ </p>
+
+ </div>
+ </div>
+
+</section>
+
+
+
+
+
+
+
+
+<section class="bar background-white">
+ <div class="container">
+ <div class="col-md-12">
+ <div class="heading text-center">
+
+ <h2>Use Cases</h2>
+ </div>
+ </div>
+
+
+ <div class="col-md-12">
+ <div class="row">
+
+ <div class="col-md-4">
+ <div class="box-simple">
+
+ <a class="icon" href="/basyx/use-case/changeableproduction">
+
+ <i class="fa fa-industry"></i>
+
+
+ </a>
+
+ <h3>
+ <a href="/basyx/use-case/changeableproduction">
+ Changeable Production To Enable Profitable Lot Size 1
+ </a>
+ </h3>
+ <p>Implementing changeable production, mass producing individualized goods and creating competitive advantage by reacting efficiently to changing market demands</p>
+ </div>
+ </div>
+
+
+
+ <div class="col-md-4">
+ <div class="box-simple">
+
+ <a class="icon" href="/basyx/use-case/connectingitwithproductiondevices">
+
+ <i class="fa fa-sitemap"></i>
+
+
+ </a>
+
+ <h3>
+ <a href="/basyx/use-case/connectingitwithproductiondevices">
+ Connecting IT and production devices on the shop-floor
+ </a>
+ </h3>
+ <p>Monitoring multiple devices from one location, creating dashboards that combine data sources, highlighting potential optimizations and live production data</p>
+ </div>
+ </div>
+
+
+
+ <div class="col-md-4">
+ <div class="box-simple">
+
+ <a class="icon" href="/basyx/use-case/bigdataanalytics">
+
+ <i class="fa fa-line-chart"></i>
+
+
+ </a>
+
+ <h3>
+ <a href="/basyx/use-case/bigdataanalytics">
+ Enabler Of Big Data Analytics
+ </a>
+ </h3>
+ <p>Connecting production devices on the shop-floor with data analysis on the office-floor, adapting data provided by devices</p>
+ </div>
+ </div>
+
+ </div>
+ </div>
+
+
+
+ <div class="col-md-12">
+ <div class="row">
+
+ <div class="col-md-4">
+ <div class="box-simple">
+
+ <a class="icon" href="/basyx/use-case/newbusinessmodels">
+
+ <i class="fa fa-lightbulb-o"></i>
+
+
+ </a>
+
+ <h3>
+ <a href="/basyx/use-case/newbusinessmodels">
+ Enabler For New Business Models
+ </a>
+ </h3>
+ <p>New business models utilizing new data sources like Big Data or marketplaces</p>
+ </div>
+ </div>
+
+
+
+ <div class="col-md-4">
+ <div class="box-simple">
+
+ <a class="icon" href="/basyx/use-case/predictivemaintenance">
+
+ <i class="fa fa-wrench"></i>
+
+
+ </a>
+
+ <h3>
+ <a href="/basyx/use-case/predictivemaintenance">
+ Predictive Maintenance
+ </a>
+ </h3>
+ <p>Increasing machine uptime and availability as well as optimizing maintenance downtimes</p>
+ </div>
+ </div>
+
+
+
+ <div class="col-md-4">
+ <div class="box-simple">
+
+ <a class="icon" href="/basyx/use-case">
+
+ <i class="fa fa-arrow-right"></i>
+
+
+ </a>
+
+ <h3>
+ <a href="/basyx/use-case">
+ read more
+ </a>
+ </h3>
+ <p></p>
+ </div>
+ </div>
+
+ </div>
+ </div>
+
+
+ </div>
+</section>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<section class="bar background-gray no-mb">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="heading text-center">
+ <h2>Partners</h2>
+ </div>
+
+ <p class="lead">
+
+ </p>
+
+ <ul class="owl-carousel customers">
+
+ <li class="item" title="ABB">
+
+ <a href="http://www.abb.com" target="_blank">
+ <img src="img/clients/ABB_logo.png" alt="ABB" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="Bosch">
+
+ <a href="https://www.bosch.com/de/" target="_blank">
+ <img src="img/clients/Bosch_logo.png" alt="Bosch" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="Bosch Rexroth">
+
+ <a href="https://www.boschrexroth.com/de/de/home/index" target="_blank">
+ <img src="img/clients/Bosch_Rexroth_logo.png" alt="Bosch Rexroth" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="German Research Center for Artificial Intelligence">
+
+ <a href="https://www.dfki.de/web/" target="_blank">
+ <img src="img/clients/DFKI_logo.png" alt="German Research Center for Artificial Intelligence" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="Eclipse Foundation">
+
+ <a href="http://www.eclipse.org/" target="_blank">
+ <img src="img/clients/eclipse_foundation_logo.png" alt="Eclipse Foundation" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="Festo Vertrieb GmbH & Co. KG">
+
+ <a href="https://www.festo.com/" target="_blank">
+ <img src="img/clients/Festo_logo.png" alt="Festo Vertrieb GmbH & Co. KG" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="fortiss GmbH">
+
+ <a href="https://www.fortiss.org/" target="_blank">
+ <img src="img/clients/fortiss_logo.png" alt="fortiss GmbH" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="Fraunhofer IESE">
+
+ <a href="https://www.iese.fraunhofer.de/en.html" target="_blank">
+ <img src="img/clients/Fraunhofer_iese_logo.png" alt="Fraunhofer IESE" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="ITQ Software and Systems Engineering">
+
+ <a href="https://www.itq.de/" target="_blank">
+ <img src="img/clients/ITQ_logo.png" alt="ITQ Software and Systems Engineering" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="KUKA AG">
+
+ <a href="https://www.kuka.com/" target="_blank">
+ <img src="img/clients/KUKA_logo.png" alt="KUKA AG" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="PSI Software AG">
+
+ <a href="https://www.psi.de/de/home/" target="_blank">
+ <img src="img/clients/PSI_logo.png" alt="PSI Software AG" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="RWTH Aachen University">
+
+ <a href="http://www.plt.rwth-aachen.de/cms/~eety/PLT/lidx/1/" target="_blank">
+ <img src="img/clients/RWTH_logo.png" alt="RWTH Aachen University" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="SMS Group">
+
+ <a href="https://www.sms-group.com/" target="_blank">
+ <img src="img/clients/SMSGroup_logo.png" alt="SMS Group" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="SYSGO AG">
+
+ <a href="https://www.sysgo.com/" target="_blank">
+ <img src="img/clients/Sysgo_logo.png" alt="SYSGO AG" class="img-responsive" />
+ </a>
+
+ </li>
+
+ <li class="item" title="ZF Friedrichshafen AG">
+
+ <a href="https://www.zf.com/mobile/en/homepage/homepage.html" target="_blank">
+ <img src="img/clients/ZF_Friedrichshafen_logo.png" alt="ZF Friedrichshafen AG" class="img-responsive" />
+ </a>
+
+ </li>
+
+ </ul>
+
+ </div>
+ </div>
+ </div>
+</section>
+
+
+
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/index.xml b/index.xml
new file mode 100644
index 0000000..83abcf1
--- /dev/null
+++ b/index.xml
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Eclipse BaSyx</title>
+ <link>https://www.eclipse.org/basyx/</link>
+ <description>Recent content on Eclipse BaSyx</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language>
+ <lastBuildDate>Thu, 14 Feb 2019 10:08:18 +0100</lastBuildDate>
+
+ <atom:link href="https://www.eclipse.org/basyx/index.xml" rel="self" type="application/rss+xml" />
+
+
+ <item>
+ <title>About</title>
+ <link>https://www.eclipse.org/basyx/about/</link>
+ <pubDate>Thu, 14 Feb 2019 10:08:18 +0100</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/about/</guid>
+ <description><p class="lead">
+Eclipse BaSyx is an open source platform for the next generation automation. As a reference technology platform, the BaSyx project enables large and small industries, research institutes, academia, and interested persons, to participate in the fourth industrial revolution.
+</p>
+
+<p class="lead">
+By providing common Industrie 4.0 components and an extendable SDK the platform accelerates the development of Industrie 4.0 solutions.
+The Eclipse BaSyx platform addresses challenges like changeable production to enable individualized goods, exploiting big data analytics and connecting heterogenous devices and systems while minimizing downtime and other associated costs.
+<!--use cases like a profitable production of a small lot size or a predictive maintenance for devices.
+Connecting devices at the shop-floor with IT systems at the office-floor, Big Data Analytics and new Business Models are further examples what the platform enables.
+More details about the mentioned use cases could be read <a href="https://www.eclipse.org/basyx/basyx/use-case/">here</a>.-->
+</p>
+
+<p></p></description>
+ </item>
+
+ <item>
+ <title>Resources</title>
+ <link>https://www.eclipse.org/basyx/resources/</link>
+ <pubDate>Fri, 29 Jun 2018 09:46:31 +0200</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/resources/</guid>
+ <description> GitHub Repositories Eclipse Kuksa IDE: https://github.com/eclipse/kuksa.ide Eclipse Kuksa Apps: https://github.com/eclipse/kuksa.apps Eclipse Kuksa Cloud: https://github.com/eclipse/kuksa.cloud Eclipse Kuksa In-Vehicle: https://github.com/eclipse/kuksa.invehicle Eclipse Kuksa Integration: https://github.com/eclipse/kuksa.integration Eclipse Kuksa Website: https://github.com/eclipse/kuksa.website Documentations Eclipse Che Kuksa IDE: https://gitlab-pages.idial.institute/pedro.cuadrachamorro/kuksa-ide/ Rover Docs: https://app4mc-rover.github.io/rover-docs/ Rover API: https://app4mc-rover.github.io/rover-app/ Rover Telemetry UI https://github.com/app4mc-rover/rover-telemetry-ui Eclipse Kuksa Wiki: https://wiki.eclipse.org/Kuksa Builds Website Jenkins: https://jenkins.eclipse.org/kuksa/ APPSTACLE Deliverables and more Available at: https://itea3.org/project/appstacle.html </description>
+ </item>
+
+ <item>
+ <title>Forum</title>
+ <link>https://www.eclipse.org/basyx/forum/</link>
+ <pubDate>Fri, 29 Jun 2018 09:45:23 +0200</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/forum/</guid>
+ <description>Visit the Eclipse BaSyx Forum Click Here</description>
+ </item>
+
+ <item>
+ <title>Events</title>
+ <link>https://www.eclipse.org/basyx/calendar/</link>
+ <pubDate>Tue, 30 Jan 2018 09:24:09 +0100</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/calendar/</guid>
+ <description>Meet the AGILE team at the following events:
+ Click on the Agenda tab to visualize the events as a list.</description>
+ </item>
+
+ <item>
+ <title>Changeable Production To Enable Profitable Lot Size 1</title>
+ <link>https://www.eclipse.org/basyx/use-case/changeableproduction/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/changeableproduction/</guid>
+ <description>Current production industry is designed for large lot sizes. Due to the shorter product lifecycles, manufacturing industry needs to shift its focus. Rapidly changing market requirements demand efficient changeable production processes. Furthermore, customers are increasingly attracted to tailored products that yield a much higher value creation than mass-produced goods. A major challenge for process changes is the necessary reprogramming of Programmable Logic Controllers (PLC). PLCs implement automation programs that execute pre-programmed sequences, optionally supporting a pre-defined amount of flexibility.</description>
+ </item>
+
+ <item>
+ <title>Connecting IT And Production Devices On The Shop-Floor</title>
+ <link>https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/</guid>
+ <description>Walking around the shop-floor to manually query machine states is inefficient and prevents operators from efficiently obtaining a holistic view on the complete production process. Streaming of live production data to IT on the office-floor remains a challenge that prevents efficient monitoring and understanding of production processes. The BaSyx Virtual Automation Bus (VAB) enables machine to machine communication across the layers of the automation pyramid; shop-floor devices can directly interact with enterprise resource planning (ERP) systems, even if they use different protocols.</description>
+ </item>
+
+ <item>
+ <title>Contact</title>
+ <link>https://www.eclipse.org/basyx/contact/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/contact/</guid>
+ <description>Get involved in the BaSyx project Download the Eclipse BaSyx reference implementation and explore the platform. We have detailed documentation on the wiki. Contact us or visit the forum</description>
+ </item>
+
+ <item>
+ <title>Enabler For New Business Models</title>
+ <link>https://www.eclipse.org/basyx/use-case/newbusinessmodels/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/newbusinessmodels/</guid>
+ <description>Industrie 4.0 is about more efficient mass-production processes, and mass-customization, the efficient and inexpensive production of small lot sizes. Industrie 4.0 is also the end-to-end digitalization of manufacturing and enables new business models. The following exemplary Industrie 4.0 business models can be implemented with Eclipse BaSyx. Data BrokeringData produced in manufacturing processes is extremely valuable for equipment manufacturers and other third-party businesses since it enables prediction and optimization of manufacturing processes and product quality.</description>
+ </item>
+
+ <item>
+ <title>Enabler Of Big Data Analytics</title>
+ <link>https://www.eclipse.org/basyx/use-case/bigdataanalytics/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/bigdataanalytics/</guid>
+ <description>Every factory device creates a continuous stream of data. Data analytics can provide valuable insights into production processes: Which variables have impacts on production cost and quality? How can we predict production performance? Where is hidden potential for optimization in my manufacturing processes? Data analytics requires the combination of data from different sources, i.e. production devices, as well as IT servers. The ability of Eclipse BaSyx to structure machine and product data in Asset Administration Shells, enriching both with semantic information, then combining them, is the enabler for big data analysis.</description>
+ </item>
+
+ <item>
+ <title>FAQ</title>
+ <link>https://www.eclipse.org/basyx/faq/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/faq/</guid>
+ <description>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+1. WHAT TO DO IF I HAVE STILL NOT RECEIVED THE ORDER? Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</description>
+ </item>
+
+ <item>
+ <title>Predictive Maintenance</title>
+ <link>https://www.eclipse.org/basyx/use-case/predictivemaintenance/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/predictivemaintenance/</guid>
+ <description>Repairing a device once it’s ‘broken’ can lead to unpredictable and expensive downtime. Scheduled maintenance improves the situation, but a static maintenance schedule can cause unnecessary interruptions. In the worst case, required parts need to be ordered, extending downtimes significantly. Predictive maintenance solves these issues: Combining live sensor data and past experience enables prediction of necessary maintenance activities and schedules. Production processes can then be adapted to synchronize and integrate maintenance activities with the least possible impact.</description>
+ </item>
+
+ </channel>
+</rss>
\ No newline at end of file
diff --git a/js/front.js b/js/front.js
new file mode 100755
index 0000000..9e62ae7
--- /dev/null
+++ b/js/front.js
@@ -0,0 +1,384 @@
+/* global $this: true */
+/* eslint no-unused-vars: ["error", { "varsIgnorePattern": "animationsSlider" }] */
+
+if ($.cookie('themeCSSpath')) {
+ $('link#theme-stylesheet').attr('href', $.cookie('themeCSSpath'))
+}
+if ($.cookie('themeLayout')) {
+ $('body').addClass($.cookie('themeLayout'))
+}
+
+$(function () {
+ sliderHomepage()
+ sliders()
+ fullScreenContainer()
+ productDetailGallery(4000)
+ menuSliding()
+ productDetailSizes()
+ utils()
+ animations()
+ counters()
+ demo()
+ contactForm()
+})
+
+// Ajax contact
+function contactForm () {
+ var form = $('.contact-form')
+ form.submit(function () {
+ $this = $(this)
+ $.post($(this).attr('action'),
+ $this.serialize(),
+ function () {
+ $this[0].reset() // clear form
+
+ $('#contact-message')
+ .html('<div class="alert alert-success" role="alert"><button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>Thank you for getting in touch. We will get back to you soon!</div>')
+ .fadeIn()
+ }
+ , 'json')
+ return false
+ })
+}
+
+/* for demo purpose only - can be deleted */
+function demo () {
+ if ($.cookie('themeCSSpath')) {
+ $('link#theme-stylesheet').attr('href', $.cookie('themeCSSpath'))
+ }
+
+ $('#colour').change(function () {
+ if ($(this).val() !== '') {
+ var themeCSSpath = 'css/style.' + $(this).val() + '.css'
+
+ $('link#theme-stylesheet').attr('href', themeCSSpath)
+
+ $.cookie('themeCSSpath', themeCSSpath, {expires: 365, path: '/'})
+ }
+
+ return false
+ })
+
+ $('#layout').change(function () {
+ if ($(this).val() !== '') {
+ var themeLayout = $(this).val()
+
+ $('body').removeClass('wide')
+ $('body').removeClass('boxed')
+
+ $('body').addClass(themeLayout)
+
+ $.cookie('themeLayout', themeLayout, {expires: 365, path: '/'})
+ }
+
+ return false
+ })
+}
+
+/* slider homepage */
+function sliderHomepage () {
+ if ($('#slider').length) {
+ // var owl = $('#slider')
+
+ $('#slider').owlCarousel({
+ autoPlay: 3000,
+ items: 4,
+ itemsDesktopSmall: [900, 3],
+ itemsTablet: [600, 3],
+ itemsMobile: [500, 2]
+ })
+ }
+}
+
+/* sliders */
+function sliders () {
+ if ($('.owl-carousel').length) {
+ $('.customers').owlCarousel({
+ items: 6,
+ itemsDesktopSmall: [990, 4],
+ itemsTablet: [768, 2],
+ itemsMobile: [480, 1]
+ })
+
+ $('.testimonials').owlCarousel({
+ items: 4,
+ itemsDesktopSmall: [990, 3],
+ itemsTablet: [768, 2],
+ itemsMobile: [480, 1]
+ })
+
+ $('.project').owlCarousel({
+ navigation: true, // Show next and prev buttons
+ navigationText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
+ slideSpeed: 300,
+ paginationSpeed: 400,
+ autoPlay: true,
+ stopOnHover: true,
+ singleItem: true,
+ afterInit: '',
+ lazyLoad: true
+ })
+
+ $('.homepage').owlCarousel({
+ navigation: false, // Show next and prev buttons
+ navigationText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
+ slideSpeed: 2000,
+ paginationSpeed: 1000,
+ autoPlay: true,
+ stopOnHover: true,
+ singleItem: true,
+ lazyLoad: false,
+ addClassActive: true,
+ afterInit: function () {
+ // animationsSlider()
+ },
+ afterMove: function () {
+ // animationsSlider()
+ }
+ })
+ }
+}
+
+/* menu sliding */
+function menuSliding () {
+ $('.dropdown').on('show.bs.dropdown', function () {
+ if ($(window).width() > 750) {
+ $(this).find('.dropdown-menu').first().stop(true, true).slideDown()
+ } else {
+ $(this).find('.dropdown-menu').first().stop(true, true).show()
+ }
+ })
+
+ $('.dropdown').on('hide.bs.dropdown', function () {
+ if ($(window).width() > 750) {
+ $(this).find('.dropdown-menu').first().stop(true, true).slideUp()
+ } else {
+ $(this).find('.dropdown-menu').first().stop(true, true).hide()
+ }
+ })
+}
+
+/* animations */
+function animations () {
+ var delayTime = 0
+ $('[data-animate]').css({opacity: '0'})
+ $('[data-animate]').waypoint(function () {
+ delayTime += 150
+ $(this).delay(delayTime).queue(function (next) {
+ $(this).toggleClass('animated')
+ $(this).toggleClass($(this).data('animate'))
+ delayTime = 0
+ next()
+ // $(this).removeClass('animated')
+ // $(this).toggleClass($(this).data('animate'))
+ })
+ }, {
+ offset: '90%',
+ triggerOnce: true
+ })
+
+ $('[data-animate-hover]').hover(function () {
+ $(this).css({opacity: 1})
+ $(this).addClass('animated')
+ $(this).removeClass($(this).data('animate'))
+ $(this).addClass($(this).data('animate-hover'))
+ }, function () {
+ $(this).removeClass('animated')
+ $(this).removeClass($(this).data('animate-hover'))
+ })
+}
+
+function animationsSlider () {
+ var delayTimeSlider = 400
+
+ $('.owl-item:not(.active) [data-animate-always]').each(function () {
+ $(this).removeClass('animated')
+ $(this).removeClass($(this).data('animate-always'))
+ $(this).stop(true, true, true).css({opacity: 0})
+ })
+
+ $('.owl-item.active [data-animate-always]').each(function () {
+ delayTimeSlider += 500
+
+ $(this).delay(delayTimeSlider).queue(function () {
+ $(this).addClass('animated')
+ $(this).addClass($(this).data('animate-always'))
+
+ console.log($(this).data('animate-always'))
+ })
+ })
+}
+
+/* counters */
+function counters () {
+ $('.counter').counterUp({
+ delay: 10,
+ time: 1000
+ })
+}
+
+/* picture zoom */
+function pictureZoom () {
+ $('.product .image, .post .image, .photostream div').each(function () {
+ var imgHeight = $(this).find('img').height()
+ if (imgHeight) {
+ $(this).height(imgHeight)
+ }
+ })
+}
+
+/* full screen intro */
+function fullScreenContainer () {
+ var screenWidth = $(window).width() + 'px'
+ var screenHeight = '500px'
+
+ if ($(window).height() > 500) {
+ screenHeight = $(window).height() + 'px'
+ }
+
+ $('#intro, #intro .item').css({
+ width: screenWidth,
+ height: screenHeight
+ })
+}
+
+function utils () {
+ /* tooltips */
+ $('[data-toggle="tooltip"]').tooltip()
+
+ /* click on the box activates the radio */
+ $('#checkout').on('click', '.box.shipping-method, .box.payment-method', function () {
+ var radio = $(this).find(':radio')
+ radio.prop('checked', true)
+ })
+
+ /* click on the box activates the link in it */
+ $('.box.clickable').on('click', function () {
+ window.location = $(this).find('a').attr('href')
+ })
+
+ /* external links in new window */
+ $('.external').on('click', function (e) {
+ e.preventDefault()
+ window.open($(this).attr('href'))
+ })
+
+ /* animated scrolling */
+ $('.scroll-to, .scroll-to-top').click(function (event) {
+ var fullUrl = this.href
+ var parts = fullUrl.split('#')
+
+ if (parts.length > 1) {
+ scrollTo(fullUrl)
+ event.preventDefault()
+ }
+ })
+
+ function scrollTo (fullUrl) {
+ var parts = fullUrl.split('#')
+ var trgt = parts[1]
+ var targetOffset = $('#' + trgt).offset()
+ var targetTop = targetOffset.top - 100
+
+ if (targetTop < 0) {
+ targetTop = 0
+ }
+
+ $('html, body').animate({
+ scrollTop: targetTop
+ }, 1000)
+ }
+}
+
+/* product detail gallery */
+function productDetailGallery (confDetailSwitch) {
+ $('.thumb:first').addClass('active')
+ var timer = setInterval(autoSwitch, confDetailSwitch)
+
+ $('.thumb').click(function (e) {
+ switchImage($(this))
+ clearInterval(timer)
+ timer = setInterval(autoSwitch, confDetailSwitch)
+ e.preventDefault()
+ })
+
+ $('#mainImage').hover(function () {
+ clearInterval(timer)
+ }, function () {
+ timer = setInterval(autoSwitch, confDetailSwitch)
+ })
+
+ function autoSwitch () {
+ var nextThumb = $('.thumb.active').closest('div').next('div').find('.thumb')
+ if (nextThumb.length === 0) {
+ nextThumb = $('.thumb:first')
+ }
+ switchImage(nextThumb)
+ }
+
+ function switchImage (thumb) {
+ $('.thumb').removeClass('active')
+ var bigUrl = thumb.attr('href')
+ thumb.addClass('active')
+ $('#mainImage img').attr('src', bigUrl)
+ }
+}
+
+/* product detail sizes */
+function productDetailSizes () {
+ $('.sizes a').click(function (e) {
+ e.preventDefault()
+ $('.sizes a').removeClass('active')
+ $('.size-input').prop('checked', false)
+ $(this).addClass('active')
+ $(this).next('input').prop('checked', true)
+ })
+}
+
+$.fn.alignElementsSameHeight = function () {
+ $('.same-height-row').each(function () {
+ var maxHeight = 0
+ var children = $(this).find('.same-height')
+ children.height('auto')
+
+ if ($(window).width() > 768) {
+ children.each(function () {
+ if ($(this).innerHeight() > maxHeight) {
+ maxHeight = $(this).innerHeight()
+ }
+ })
+ children.innerHeight(maxHeight)
+ }
+
+ maxHeight = 0
+ children = $(this).find('.same-height-always')
+ children.height('auto')
+ children.each(function () {
+ if ($(this).height() > maxHeight) {
+ maxHeight = $(this).innerHeight()
+ }
+ })
+ children.innerHeight(maxHeight)
+ })
+}
+
+var windowWidth
+$(function () {
+ windowWidth = $(window).width()
+
+ $(this).alignElementsSameHeight()
+ pictureZoom()
+})
+
+$(window).resize(function () {
+ var newWindowWidth = $(window).width()
+
+ if (windowWidth !== newWindowWidth) {
+ setTimeout(function () {
+ $(this).alignElementsSameHeight()
+ fullScreenContainer()
+ pictureZoom()
+ }, 205)
+ windowWidth = newWindowWidth
+ }
+})
diff --git a/js/gmaps.init.js b/js/gmaps.init.js
new file mode 100755
index 0000000..2227dda
--- /dev/null
+++ b/js/gmaps.init.js
@@ -0,0 +1,71 @@
+/* global GMaps: true */
+
+$(document).ready(function () {
+ map()
+})
+
+function map () {
+ if ($('#map').length) {
+ var lat = $('#gmap-lat').val()
+ var lng = $('#gmap-lng').val()
+ var direction = $('#gmap-dir').val()
+ var image = $('#gmap-marker').val()
+
+ var styles =
+ [
+ {
+ 'featureType': 'landscape', 'stylers': [{'saturation': -100}, {'lightness': 65}, {'visibility': 'on'}]
+ }, {
+ 'featureType': 'poi', 'stylers': [{'saturation': -100}, {'lightness': 51}, {'visibility': 'simplified'}]
+ }, {
+ 'featureType': 'road.highway', 'stylers': [{'saturation': -100}, {'visibility': 'simplified'}]
+ }, {
+ 'featureType': 'road.arterial', 'stylers': [{'saturation': -100}, {'lightness': 30}, {'visibility': 'on'}]
+ }, {
+ 'featureType': 'road.local', 'stylers': [{'saturation': -100}, {'lightness': 40}, {'visibility': 'on'}]
+ }, {
+ 'featureType': 'transit', 'stylers': [{'saturation': -100}, {'visibility': 'simplified'}]
+ }, {
+ 'featureType': 'administrative.province', 'stylers': [{'visibility': 'off'}]
+ }, {
+ 'featureType': 'water', 'elementType': 'labels', 'stylers': [{'visibility': 'on'}, {'lightness': -25}, {'saturation': -100}]
+ }, {
+ 'featureType': 'water', 'elementType': 'geometry', 'stylers': [{'hue': '#ffff00'}, {'lightness': -25}, {'saturation': -97}]
+ }
+ ]
+
+ var map = new GMaps({
+ el: '#map',
+ lat: lat,
+ lng: lng,
+ zoomControl: true,
+ zoomControlOpt: {
+ style: 'SMALL',
+ position: 'TOP_LEFT'
+ },
+ panControl: false,
+ streetViewControl: false,
+ mapTypeControl: false,
+ overviewMapControl: false,
+ scrollwheel: false,
+ draggable: false,
+ styles: styles
+ })
+
+ map.addMarker({
+ lat: lat,
+ lng: lng,
+ icon: image,
+ click: function (e) {
+ // when we get an address with spaces ...
+ var url = 'https://maps.google.com?daddr=' + direction.split('match').join('replace')
+ window.open(url, '_blank')
+ },
+ title: direction
+ /* ,
+ infoWindow: {
+ content: '<p>HTML Content</p>'
+ } */
+ })
+ }
+}
diff --git a/js/hpneo.gmaps.js b/js/hpneo.gmaps.js
new file mode 100755
index 0000000..66b4959
--- /dev/null
+++ b/js/hpneo.gmaps.js
@@ -0,0 +1,2132 @@
+(function(root, factory) {
+ if(typeof exports === 'object') {
+ module.exports = factory();
+ }
+ else if(typeof define === 'function' && define.amd) {
+ define('GMaps', [], factory);
+ }
+
+ root.GMaps = factory();
+
+}(this, function() {
+
+/*!
+ * GMaps.js v0.4.15
+ * http://hpneo.github.com/gmaps/
+ *
+ * Copyright 2014, Gustavo Leon
+ * Released under the MIT License.
+ */
+
+if (!(typeof window.google === 'object' && window.google.maps)) {
+ throw 'Google Maps API is required. Please register the following JavaScript library http://maps.google.com/maps/api/js?sensor=true.'
+}
+
+var extend_object = function(obj, new_obj) {
+ var name;
+
+ if (obj === new_obj) {
+ return obj;
+ }
+
+ for (name in new_obj) {
+ obj[name] = new_obj[name];
+ }
+
+ return obj;
+};
+
+var replace_object = function(obj, replace) {
+ var name;
+
+ if (obj === replace) {
+ return obj;
+ }
+
+ for (name in replace) {
+ if (obj[name] != undefined) {
+ obj[name] = replace[name];
+ }
+ }
+
+ return obj;
+};
+
+var array_map = function(array, callback) {
+ var original_callback_params = Array.prototype.slice.call(arguments, 2),
+ array_return = [],
+ array_length = array.length,
+ i;
+
+ if (Array.prototype.map && array.map === Array.prototype.map) {
+ array_return = Array.prototype.map.call(array, function(item) {
+ callback_params = original_callback_params;
+ callback_params.splice(0, 0, item);
+
+ return callback.apply(this, callback_params);
+ });
+ }
+ else {
+ for (i = 0; i < array_length; i++) {
+ callback_params = original_callback_params;
+ callback_params.splice(0, 0, array[i]);
+ array_return.push(callback.apply(this, callback_params));
+ }
+ }
+
+ return array_return;
+};
+
+var array_flat = function(array) {
+ var new_array = [],
+ i;
+
+ for (i = 0; i < array.length; i++) {
+ new_array = new_array.concat(array[i]);
+ }
+
+ return new_array;
+};
+
+var coordsToLatLngs = function(coords, useGeoJSON) {
+ var first_coord = coords[0],
+ second_coord = coords[1];
+
+ if (useGeoJSON) {
+ first_coord = coords[1];
+ second_coord = coords[0];
+ }
+
+ return new google.maps.LatLng(first_coord, second_coord);
+};
+
+var arrayToLatLng = function(coords, useGeoJSON) {
+ var i;
+
+ for (i = 0; i < coords.length; i++) {
+ if (!(coords[i] instanceof google.maps.LatLng)) {
+ if (coords[i].length > 0 && typeof(coords[i][0]) == "object") {
+ coords[i] = arrayToLatLng(coords[i], useGeoJSON);
+ }
+ else {
+ coords[i] = coordsToLatLngs(coords[i], useGeoJSON);
+ }
+ }
+ }
+
+ return coords;
+};
+
+var getElementById = function(id, context) {
+ var element,
+ id = id.replace('#', '');
+
+ if ('jQuery' in this && context) {
+ element = $("#" + id, context)[0];
+ } else {
+ element = document.getElementById(id);
+ };
+
+ return element;
+};
+
+var findAbsolutePosition = function(obj) {
+ var curleft = 0,
+ curtop = 0;
+
+ if (obj.offsetParent) {
+ do {
+ curleft += obj.offsetLeft;
+ curtop += obj.offsetTop;
+ } while (obj = obj.offsetParent);
+ }
+
+ return [curleft, curtop];
+};
+
+var GMaps = (function(global) {
+ "use strict";
+
+ var doc = document;
+
+ var GMaps = function(options) {
+ if (!this) return new GMaps(options);
+
+ options.zoom = options.zoom || 15;
+ options.mapType = options.mapType || 'roadmap';
+
+ var self = this,
+ i,
+ events_that_hide_context_menu = ['bounds_changed', 'center_changed', 'click', 'dblclick', 'drag', 'dragend', 'dragstart', 'idle', 'maptypeid_changed', 'projection_changed', 'resize', 'tilesloaded', 'zoom_changed'],
+ events_that_doesnt_hide_context_menu = ['mousemove', 'mouseout', 'mouseover'],
+ options_to_be_deleted = ['el', 'lat', 'lng', 'mapType', 'width', 'height', 'markerClusterer', 'enableNewStyle'],
+ container_id = options.el || options.div,
+ markerClustererFunction = options.markerClusterer,
+ mapType = google.maps.MapTypeId[options.mapType.toUpperCase()],
+ map_center = new google.maps.LatLng(options.lat, options.lng),
+ zoomControl = options.zoomControl || true,
+ zoomControlOpt = options.zoomControlOpt || {
+ style: 'DEFAULT',
+ position: 'TOP_LEFT'
+ },
+ zoomControlStyle = zoomControlOpt.style || 'DEFAULT',
+ zoomControlPosition = zoomControlOpt.position || 'TOP_LEFT',
+ panControl = options.panControl || true,
+ mapTypeControl = options.mapTypeControl || true,
+ scaleControl = options.scaleControl || true,
+ streetViewControl = options.streetViewControl || true,
+ overviewMapControl = overviewMapControl || true,
+ map_options = {},
+ map_base_options = {
+ zoom: this.zoom,
+ center: map_center,
+ mapTypeId: mapType
+ },
+ map_controls_options = {
+ panControl: panControl,
+ zoomControl: zoomControl,
+ zoomControlOptions: {
+ style: google.maps.ZoomControlStyle[zoomControlStyle],
+ position: google.maps.ControlPosition[zoomControlPosition]
+ },
+ mapTypeControl: mapTypeControl,
+ scaleControl: scaleControl,
+ streetViewControl: streetViewControl,
+ overviewMapControl: overviewMapControl
+ };
+
+ if (typeof(options.el) === 'string' || typeof(options.div) === 'string') {
+ this.el = getElementById(container_id, options.context);
+ } else {
+ this.el = container_id;
+ }
+
+ if (typeof(this.el) === 'undefined' || this.el === null) {
+ throw 'No element defined.';
+ }
+
+ window.context_menu = window.context_menu || {};
+ window.context_menu[self.el.id] = {};
+
+ this.controls = [];
+ this.overlays = [];
+ this.layers = []; // array with kml/georss and fusiontables layers, can be as many
+ this.singleLayers = {}; // object with the other layers, only one per layer
+ this.markers = [];
+ this.polylines = [];
+ this.routes = [];
+ this.polygons = [];
+ this.infoWindow = null;
+ this.overlay_el = null;
+ this.zoom = options.zoom;
+ this.registered_events = {};
+
+ this.el.style.width = options.width || this.el.scrollWidth || this.el.offsetWidth;
+ this.el.style.height = options.height || this.el.scrollHeight || this.el.offsetHeight;
+
+ google.maps.visualRefresh = options.enableNewStyle;
+
+ for (i = 0; i < options_to_be_deleted.length; i++) {
+ delete options[options_to_be_deleted[i]];
+ }
+
+ if(options.disableDefaultUI != true) {
+ map_base_options = extend_object(map_base_options, map_controls_options);
+ }
+
+ map_options = extend_object(map_base_options, options);
+
+ for (i = 0; i < events_that_hide_context_menu.length; i++) {
+ delete map_options[events_that_hide_context_menu[i]];
+ }
+
+ for (i = 0; i < events_that_doesnt_hide_context_menu.length; i++) {
+ delete map_options[events_that_doesnt_hide_context_menu[i]];
+ }
+
+ this.map = new google.maps.Map(this.el, map_options);
+
+ if (markerClustererFunction) {
+ this.markerClusterer = markerClustererFunction.apply(this, [this.map]);
+ }
+
+ var buildContextMenuHTML = function(control, e) {
+ var html = '',
+ options = window.context_menu[self.el.id][control];
+
+ for (var i in options){
+ if (options.hasOwnProperty(i)) {
+ var option = options[i];
+
+ html += '<li><a id="' + control + '_' + i + '" href="#">' + option.title + '</a></li>';
+ }
+ }
+
+ if (!getElementById('gmaps_context_menu')) return;
+
+ var context_menu_element = getElementById('gmaps_context_menu');
+
+ context_menu_element.innerHTML = html;
+
+ var context_menu_items = context_menu_element.getElementsByTagName('a'),
+ context_menu_items_count = context_menu_items.length,
+ i;
+
+ for (i = 0; i < context_menu_items_count; i++) {
+ var context_menu_item = context_menu_items[i];
+
+ var assign_menu_item_action = function(ev){
+ ev.preventDefault();
+
+ options[this.id.replace(control + '_', '')].action.apply(self, [e]);
+ self.hideContextMenu();
+ };
+
+ google.maps.event.clearListeners(context_menu_item, 'click');
+ google.maps.event.addDomListenerOnce(context_menu_item, 'click', assign_menu_item_action, false);
+ }
+
+ var position = findAbsolutePosition.apply(this, [self.el]),
+ left = position[0] + e.pixel.x - 15,
+ top = position[1] + e.pixel.y- 15;
+
+ context_menu_element.style.left = left + "px";
+ context_menu_element.style.top = top + "px";
+
+ context_menu_element.style.display = 'block';
+ };
+
+ this.buildContextMenu = function(control, e) {
+ if (control === 'marker') {
+ e.pixel = {};
+
+ var overlay = new google.maps.OverlayView();
+ overlay.setMap(self.map);
+
+ overlay.draw = function() {
+ var projection = overlay.getProjection(),
+ position = e.marker.getPosition();
+
+ e.pixel = projection.fromLatLngToContainerPixel(position);
+
+ buildContextMenuHTML(control, e);
+ };
+ }
+ else {
+ buildContextMenuHTML(control, e);
+ }
+ };
+
+ this.setContextMenu = function(options) {
+ window.context_menu[self.el.id][options.control] = {};
+
+ var i,
+ ul = doc.createElement('ul');
+
+ for (i in options.options) {
+ if (options.options.hasOwnProperty(i)) {
+ var option = options.options[i];
+
+ window.context_menu[self.el.id][options.control][option.name] = {
+ title: option.title,
+ action: option.action
+ };
+ }
+ }
+
+ ul.id = 'gmaps_context_menu';
+ ul.style.display = 'none';
+ ul.style.position = 'absolute';
+ ul.style.minWidth = '100px';
+ ul.style.background = 'white';
+ ul.style.listStyle = 'none';
+ ul.style.padding = '8px';
+ ul.style.boxShadow = '2px 2px 6px #ccc';
+
+ doc.body.appendChild(ul);
+
+ var context_menu_element = getElementById('gmaps_context_menu')
+
+ google.maps.event.addDomListener(context_menu_element, 'mouseout', function(ev) {
+ if (!ev.relatedTarget || !this.contains(ev.relatedTarget)) {
+ window.setTimeout(function(){
+ context_menu_element.style.display = 'none';
+ }, 400);
+ }
+ }, false);
+ };
+
+ this.hideContextMenu = function() {
+ var context_menu_element = getElementById('gmaps_context_menu');
+
+ if (context_menu_element) {
+ context_menu_element.style.display = 'none';
+ }
+ };
+
+ var setupListener = function(object, name) {
+ google.maps.event.addListener(object, name, function(e){
+ if (e == undefined) {
+ e = this;
+ }
+
+ options[name].apply(this, [e]);
+
+ self.hideContextMenu();
+ });
+ };
+
+ //google.maps.event.addListener(this.map, 'idle', this.hideContextMenu);
+ google.maps.event.addListener(this.map, 'zoom_changed', this.hideContextMenu);
+
+ for (var ev = 0; ev < events_that_hide_context_menu.length; ev++) {
+ var name = events_that_hide_context_menu[ev];
+
+ if (name in options) {
+ setupListener(this.map, name);
+ }
+ }
+
+ for (var ev = 0; ev < events_that_doesnt_hide_context_menu.length; ev++) {
+ var name = events_that_doesnt_hide_context_menu[ev];
+
+ if (name in options) {
+ setupListener(this.map, name);
+ }
+ }
+
+ google.maps.event.addListener(this.map, 'rightclick', function(e) {
+ if (options.rightclick) {
+ options.rightclick.apply(this, [e]);
+ }
+
+ if(window.context_menu[self.el.id]['map'] != undefined) {
+ self.buildContextMenu('map', e);
+ }
+ });
+
+ this.refresh = function() {
+ google.maps.event.trigger(this.map, 'resize');
+ };
+
+ this.fitZoom = function() {
+ var latLngs = [],
+ markers_length = this.markers.length,
+ i;
+
+ for (i = 0; i < markers_length; i++) {
+ if(typeof(this.markers[i].visible) === 'boolean' && this.markers[i].visible) {
+ latLngs.push(this.markers[i].getPosition());
+ }
+ }
+
+ this.fitLatLngBounds(latLngs);
+ };
+
+ this.fitLatLngBounds = function(latLngs) {
+ var total = latLngs.length;
+ var bounds = new google.maps.LatLngBounds();
+
+ for(var i=0; i < total; i++) {
+ bounds.extend(latLngs[i]);
+ }
+
+ this.map.fitBounds(bounds);
+ };
+
+ this.setCenter = function(lat, lng, callback) {
+ this.map.panTo(new google.maps.LatLng(lat, lng));
+
+ if (callback) {
+ callback();
+ }
+ };
+
+ this.getElement = function() {
+ return this.el;
+ };
+
+ this.zoomIn = function(value) {
+ value = value || 1;
+
+ this.zoom = this.map.getZoom() + value;
+ this.map.setZoom(this.zoom);
+ };
+
+ this.zoomOut = function(value) {
+ value = value || 1;
+
+ this.zoom = this.map.getZoom() - value;
+ this.map.setZoom(this.zoom);
+ };
+
+ var native_methods = [],
+ method;
+
+ for (method in this.map) {
+ if (typeof(this.map[method]) == 'function' && !this[method]) {
+ native_methods.push(method);
+ }
+ }
+
+ for (i=0; i < native_methods.length; i++) {
+ (function(gmaps, scope, method_name) {
+ gmaps[method_name] = function(){
+ return scope[method_name].apply(scope, arguments);
+ };
+ })(this, this.map, native_methods[i]);
+ }
+ };
+
+ return GMaps;
+})(this);
+
+GMaps.prototype.createControl = function(options) {
+ var control = document.createElement('div');
+
+ control.style.cursor = 'pointer';
+
+ if (options.disableDefaultStyles !== true) {
+ control.style.fontFamily = 'Roboto, Arial, sans-serif';
+ control.style.fontSize = '11px';
+ control.style.boxShadow = 'rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px';
+ }
+
+ for (var option in options.style) {
+ control.style[option] = options.style[option];
+ }
+
+ if (options.id) {
+ control.id = options.id;
+ }
+
+ if (options.classes) {
+ control.className = options.classes;
+ }
+
+ if (options.content) {
+ if (typeof options.content === 'string') {
+ control.innerHTML = options.content;
+ }
+ else if (options.content instanceof HTMLElement) {
+ control.appendChild(options.content);
+ }
+ }
+
+ if (options.position) {
+ control.position = google.maps.ControlPosition[options.position.toUpperCase()];
+ }
+
+ for (var ev in options.events) {
+ (function(object, name) {
+ google.maps.event.addDomListener(object, name, function(){
+ options.events[name].apply(this, [this]);
+ });
+ })(control, ev);
+ }
+
+ control.index = 1;
+
+ return control;
+};
+
+GMaps.prototype.addControl = function(options) {
+ var control = this.createControl(options);
+ this.controls.push(control);
+ this.map.controls[control.position].push(control);
+
+ return control;
+};
+
+GMaps.prototype.removeControl = function(control) {
+ var position = null;
+
+ for (var i = 0; i < this.controls.length; i++) {
+ if (this.controls[i] == control) {
+ position = this.controls[i].position;
+ this.controls.splice(i, 1);
+ }
+ }
+
+ if (position) {
+ for (i = 0; i < this.map.controls.length; i++) {
+ var controlsForPosition = this.map.controls[control.position]
+ if (controlsForPosition.getAt(i) == control) {
+ controlsForPosition.removeAt(i);
+ break;
+ }
+ }
+ }
+
+ return control;
+};
+
+GMaps.prototype.createMarker = function(options) {
+ if (options.lat == undefined && options.lng == undefined && options.position == undefined) {
+ throw 'No latitude or longitude defined.';
+ }
+
+ var self = this,
+ details = options.details,
+ fences = options.fences,
+ outside = options.outside,
+ base_options = {
+ position: new google.maps.LatLng(options.lat, options.lng),
+ map: null
+ },
+ marker_options = extend_object(base_options, options);
+
+ delete marker_options.lat;
+ delete marker_options.lng;
+ delete marker_options.fences;
+ delete marker_options.outside;
+
+ var marker = new google.maps.Marker(marker_options);
+
+ marker.fences = fences;
+
+ if (options.infoWindow) {
+ marker.infoWindow = new google.maps.InfoWindow(options.infoWindow);
+
+ var info_window_events = ['closeclick', 'content_changed', 'domready', 'position_changed', 'zindex_changed'];
+
+ for (var ev = 0; ev < info_window_events.length; ev++) {
+ (function(object, name) {
+ if (options.infoWindow[name]) {
+ google.maps.event.addListener(object, name, function(e){
+ options.infoWindow[name].apply(this, [e]);
+ });
+ }
+ })(marker.infoWindow, info_window_events[ev]);
+ }
+ }
+
+ var marker_events = ['animation_changed', 'clickable_changed', 'cursor_changed', 'draggable_changed', 'flat_changed', 'icon_changed', 'position_changed', 'shadow_changed', 'shape_changed', 'title_changed', 'visible_changed', 'zindex_changed'];
+
+ var marker_events_with_mouse = ['dblclick', 'drag', 'dragend', 'dragstart', 'mousedown', 'mouseout', 'mouseover', 'mouseup'];
+
+ for (var ev = 0; ev < marker_events.length; ev++) {
+ (function(object, name) {
+ if (options[name]) {
+ google.maps.event.addListener(object, name, function(){
+ options[name].apply(this, [this]);
+ });
+ }
+ })(marker, marker_events[ev]);
+ }
+
+ for (var ev = 0; ev < marker_events_with_mouse.length; ev++) {
+ (function(map, object, name) {
+ if (options[name]) {
+ google.maps.event.addListener(object, name, function(me){
+ if(!me.pixel){
+ me.pixel = map.getProjection().fromLatLngToPoint(me.latLng)
+ }
+
+ options[name].apply(this, [me]);
+ });
+ }
+ })(this.map, marker, marker_events_with_mouse[ev]);
+ }
+
+ google.maps.event.addListener(marker, 'click', function() {
+ this.details = details;
+
+ if (options.click) {
+ options.click.apply(this, [this]);
+ }
+
+ if (marker.infoWindow) {
+ self.hideInfoWindows();
+ marker.infoWindow.open(self.map, marker);
+ }
+ });
+
+ google.maps.event.addListener(marker, 'rightclick', function(e) {
+ e.marker = this;
+
+ if (options.rightclick) {
+ options.rightclick.apply(this, [e]);
+ }
+
+ if (window.context_menu[self.el.id]['marker'] != undefined) {
+ self.buildContextMenu('marker', e);
+ }
+ });
+
+ if (marker.fences) {
+ google.maps.event.addListener(marker, 'dragend', function() {
+ self.checkMarkerGeofence(marker, function(m, f) {
+ outside(m, f);
+ });
+ });
+ }
+
+ return marker;
+};
+
+GMaps.prototype.addMarker = function(options) {
+ var marker;
+ if(options.hasOwnProperty('gm_accessors_')) {
+ // Native google.maps.Marker object
+ marker = options;
+ }
+ else {
+ if ((options.hasOwnProperty('lat') && options.hasOwnProperty('lng')) || options.position) {
+ marker = this.createMarker(options);
+ }
+ else {
+ throw 'No latitude or longitude defined.';
+ }
+ }
+
+ marker.setMap(this.map);
+
+ if(this.markerClusterer) {
+ this.markerClusterer.addMarker(marker);
+ }
+
+ this.markers.push(marker);
+
+ GMaps.fire('marker_added', marker, this);
+
+ return marker;
+};
+
+GMaps.prototype.addMarkers = function(array) {
+ for (var i = 0, marker; marker=array[i]; i++) {
+ this.addMarker(marker);
+ }
+
+ return this.markers;
+};
+
+GMaps.prototype.hideInfoWindows = function() {
+ for (var i = 0, marker; marker = this.markers[i]; i++){
+ if (marker.infoWindow) {
+ marker.infoWindow.close();
+ }
+ }
+};
+
+GMaps.prototype.removeMarker = function(marker) {
+ for (var i = 0; i < this.markers.length; i++) {
+ if (this.markers[i] === marker) {
+ this.markers[i].setMap(null);
+ this.markers.splice(i, 1);
+
+ if(this.markerClusterer) {
+ this.markerClusterer.removeMarker(marker);
+ }
+
+ GMaps.fire('marker_removed', marker, this);
+
+ break;
+ }
+ }
+
+ return marker;
+};
+
+GMaps.prototype.removeMarkers = function (collection) {
+ var new_markers = [];
+
+ if (typeof collection == 'undefined') {
+ for (var i = 0; i < this.markers.length; i++) {
+ this.markers[i].setMap(null);
+ }
+
+ this.markers = new_markers;
+ }
+ else {
+ for (var i = 0; i < collection.length; i++) {
+ if (this.markers.indexOf(collection[i]) > -1) {
+ this.markers[i].setMap(null);
+ }
+ }
+
+ for (var i = 0; i < this.markers.length; i++) {
+ if (this.markers[i].getMap() != null) {
+ new_markers.push(this.markers[i]);
+ }
+ }
+
+ this.markers = new_markers;
+ }
+};
+
+GMaps.prototype.drawOverlay = function(options) {
+ var overlay = new google.maps.OverlayView(),
+ auto_show = true;
+
+ overlay.setMap(this.map);
+
+ if (options.auto_show != null) {
+ auto_show = options.auto_show;
+ }
+
+ overlay.onAdd = function() {
+ var el = document.createElement('div');
+
+ el.style.borderStyle = "none";
+ el.style.borderWidth = "0px";
+ el.style.position = "absolute";
+ el.style.zIndex = 100;
+ el.innerHTML = options.content;
+
+ overlay.el = el;
+
+ if (!options.layer) {
+ options.layer = 'overlayLayer';
+ }
+
+ var panes = this.getPanes(),
+ overlayLayer = panes[options.layer],
+ stop_overlay_events = ['contextmenu', 'DOMMouseScroll', 'dblclick', 'mousedown'];
+
+ overlayLayer.appendChild(el);
+
+ for (var ev = 0; ev < stop_overlay_events.length; ev++) {
+ (function(object, name) {
+ google.maps.event.addDomListener(object, name, function(e){
+ if (navigator.userAgent.toLowerCase().indexOf('msie') != -1 && document.all) {
+ e.cancelBubble = true;
+ e.returnValue = false;
+ }
+ else {
+ e.stopPropagation();
+ }
+ });
+ })(el, stop_overlay_events[ev]);
+ }
+
+ if (options.click) {
+ panes.overlayMouseTarget.appendChild(overlay.el);
+ google.maps.event.addDomListener(overlay.el, 'click', function() {
+ options.click.apply(overlay, [overlay]);
+ });
+ }
+
+ google.maps.event.trigger(this, 'ready');
+ };
+
+ overlay.draw = function() {
+ var projection = this.getProjection(),
+ pixel = projection.fromLatLngToDivPixel(new google.maps.LatLng(options.lat, options.lng));
+
+ options.horizontalOffset = options.horizontalOffset || 0;
+ options.verticalOffset = options.verticalOffset || 0;
+
+ var el = overlay.el,
+ content = el.children[0],
+ content_height = content.clientHeight,
+ content_width = content.clientWidth;
+
+ switch (options.verticalAlign) {
+ case 'top':
+ el.style.top = (pixel.y - content_height + options.verticalOffset) + 'px';
+ break;
+ default:
+ case 'middle':
+ el.style.top = (pixel.y - (content_height / 2) + options.verticalOffset) + 'px';
+ break;
+ case 'bottom':
+ el.style.top = (pixel.y + options.verticalOffset) + 'px';
+ break;
+ }
+
+ switch (options.horizontalAlign) {
+ case 'left':
+ el.style.left = (pixel.x - content_width + options.horizontalOffset) + 'px';
+ break;
+ default:
+ case 'center':
+ el.style.left = (pixel.x - (content_width / 2) + options.horizontalOffset) + 'px';
+ break;
+ case 'right':
+ el.style.left = (pixel.x + options.horizontalOffset) + 'px';
+ break;
+ }
+
+ el.style.display = auto_show ? 'block' : 'none';
+
+ if (!auto_show) {
+ options.show.apply(this, [el]);
+ }
+ };
+
+ overlay.onRemove = function() {
+ var el = overlay.el;
+
+ if (options.remove) {
+ options.remove.apply(this, [el]);
+ }
+ else {
+ overlay.el.parentNode.removeChild(overlay.el);
+ overlay.el = null;
+ }
+ };
+
+ this.overlays.push(overlay);
+ return overlay;
+};
+
+GMaps.prototype.removeOverlay = function(overlay) {
+ for (var i = 0; i < this.overlays.length; i++) {
+ if (this.overlays[i] === overlay) {
+ this.overlays[i].setMap(null);
+ this.overlays.splice(i, 1);
+
+ break;
+ }
+ }
+};
+
+GMaps.prototype.removeOverlays = function() {
+ for (var i = 0, item; item = this.overlays[i]; i++) {
+ item.setMap(null);
+ }
+
+ this.overlays = [];
+};
+
+GMaps.prototype.drawPolyline = function(options) {
+ var path = [],
+ points = options.path;
+
+ if (points.length) {
+ if (points[0][0] === undefined) {
+ path = points;
+ }
+ else {
+ for (var i=0, latlng; latlng=points[i]; i++) {
+ path.push(new google.maps.LatLng(latlng[0], latlng[1]));
+ }
+ }
+ }
+
+ var polyline_options = {
+ map: this.map,
+ path: path,
+ strokeColor: options.strokeColor,
+ strokeOpacity: options.strokeOpacity,
+ strokeWeight: options.strokeWeight,
+ geodesic: options.geodesic,
+ clickable: true,
+ editable: false,
+ visible: true
+ };
+
+ if (options.hasOwnProperty("clickable")) {
+ polyline_options.clickable = options.clickable;
+ }
+
+ if (options.hasOwnProperty("editable")) {
+ polyline_options.editable = options.editable;
+ }
+
+ if (options.hasOwnProperty("icons")) {
+ polyline_options.icons = options.icons;
+ }
+
+ if (options.hasOwnProperty("zIndex")) {
+ polyline_options.zIndex = options.zIndex;
+ }
+
+ var polyline = new google.maps.Polyline(polyline_options);
+
+ var polyline_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];
+
+ for (var ev = 0; ev < polyline_events.length; ev++) {
+ (function(object, name) {
+ if (options[name]) {
+ google.maps.event.addListener(object, name, function(e){
+ options[name].apply(this, [e]);
+ });
+ }
+ })(polyline, polyline_events[ev]);
+ }
+
+ this.polylines.push(polyline);
+
+ GMaps.fire('polyline_added', polyline, this);
+
+ return polyline;
+};
+
+GMaps.prototype.removePolyline = function(polyline) {
+ for (var i = 0; i < this.polylines.length; i++) {
+ if (this.polylines[i] === polyline) {
+ this.polylines[i].setMap(null);
+ this.polylines.splice(i, 1);
+
+ GMaps.fire('polyline_removed', polyline, this);
+
+ break;
+ }
+ }
+};
+
+GMaps.prototype.removePolylines = function() {
+ for (var i = 0, item; item = this.polylines[i]; i++) {
+ item.setMap(null);
+ }
+
+ this.polylines = [];
+};
+
+GMaps.prototype.drawCircle = function(options) {
+ options = extend_object({
+ map: this.map,
+ center: new google.maps.LatLng(options.lat, options.lng)
+ }, options);
+
+ delete options.lat;
+ delete options.lng;
+
+ var polygon = new google.maps.Circle(options),
+ polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];
+
+ for (var ev = 0; ev < polygon_events.length; ev++) {
+ (function(object, name) {
+ if (options[name]) {
+ google.maps.event.addListener(object, name, function(e){
+ options[name].apply(this, [e]);
+ });
+ }
+ })(polygon, polygon_events[ev]);
+ }
+
+ this.polygons.push(polygon);
+
+ return polygon;
+};
+
+GMaps.prototype.drawRectangle = function(options) {
+ options = extend_object({
+ map: this.map
+ }, options);
+
+ var latLngBounds = new google.maps.LatLngBounds(
+ new google.maps.LatLng(options.bounds[0][0], options.bounds[0][1]),
+ new google.maps.LatLng(options.bounds[1][0], options.bounds[1][1])
+ );
+
+ options.bounds = latLngBounds;
+
+ var polygon = new google.maps.Rectangle(options),
+ polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];
+
+ for (var ev = 0; ev < polygon_events.length; ev++) {
+ (function(object, name) {
+ if (options[name]) {
+ google.maps.event.addListener(object, name, function(e){
+ options[name].apply(this, [e]);
+ });
+ }
+ })(polygon, polygon_events[ev]);
+ }
+
+ this.polygons.push(polygon);
+
+ return polygon;
+};
+
+GMaps.prototype.drawPolygon = function(options) {
+ var useGeoJSON = false;
+
+ if(options.hasOwnProperty("useGeoJSON")) {
+ useGeoJSON = options.useGeoJSON;
+ }
+
+ delete options.useGeoJSON;
+
+ options = extend_object({
+ map: this.map
+ }, options);
+
+ if (useGeoJSON == false) {
+ options.paths = [options.paths.slice(0)];
+ }
+
+ if (options.paths.length > 0) {
+ if (options.paths[0].length > 0) {
+ options.paths = array_flat(array_map(options.paths, arrayToLatLng, useGeoJSON));
+ }
+ }
+
+ var polygon = new google.maps.Polygon(options),
+ polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];
+
+ for (var ev = 0; ev < polygon_events.length; ev++) {
+ (function(object, name) {
+ if (options[name]) {
+ google.maps.event.addListener(object, name, function(e){
+ options[name].apply(this, [e]);
+ });
+ }
+ })(polygon, polygon_events[ev]);
+ }
+
+ this.polygons.push(polygon);
+
+ GMaps.fire('polygon_added', polygon, this);
+
+ return polygon;
+};
+
+GMaps.prototype.removePolygon = function(polygon) {
+ for (var i = 0; i < this.polygons.length; i++) {
+ if (this.polygons[i] === polygon) {
+ this.polygons[i].setMap(null);
+ this.polygons.splice(i, 1);
+
+ GMaps.fire('polygon_removed', polygon, this);
+
+ break;
+ }
+ }
+};
+
+GMaps.prototype.removePolygons = function() {
+ for (var i = 0, item; item = this.polygons[i]; i++) {
+ item.setMap(null);
+ }
+
+ this.polygons = [];
+};
+
+GMaps.prototype.getFromFusionTables = function(options) {
+ var events = options.events;
+
+ delete options.events;
+
+ var fusion_tables_options = options,
+ layer = new google.maps.FusionTablesLayer(fusion_tables_options);
+
+ for (var ev in events) {
+ (function(object, name) {
+ google.maps.event.addListener(object, name, function(e) {
+ events[name].apply(this, [e]);
+ });
+ })(layer, ev);
+ }
+
+ this.layers.push(layer);
+
+ return layer;
+};
+
+GMaps.prototype.loadFromFusionTables = function(options) {
+ var layer = this.getFromFusionTables(options);
+ layer.setMap(this.map);
+
+ return layer;
+};
+
+GMaps.prototype.getFromKML = function(options) {
+ var url = options.url,
+ events = options.events;
+
+ delete options.url;
+ delete options.events;
+
+ var kml_options = options,
+ layer = new google.maps.KmlLayer(url, kml_options);
+
+ for (var ev in events) {
+ (function(object, name) {
+ google.maps.event.addListener(object, name, function(e) {
+ events[name].apply(this, [e]);
+ });
+ })(layer, ev);
+ }
+
+ this.layers.push(layer);
+
+ return layer;
+};
+
+GMaps.prototype.loadFromKML = function(options) {
+ var layer = this.getFromKML(options);
+ layer.setMap(this.map);
+
+ return layer;
+};
+
+GMaps.prototype.addLayer = function(layerName, options) {
+ //var default_layers = ['weather', 'clouds', 'traffic', 'transit', 'bicycling', 'panoramio', 'places'];
+ options = options || {};
+ var layer;
+
+ switch(layerName) {
+ case 'weather': this.singleLayers.weather = layer = new google.maps.weather.WeatherLayer();
+ break;
+ case 'clouds': this.singleLayers.clouds = layer = new google.maps.weather.CloudLayer();
+ break;
+ case 'traffic': this.singleLayers.traffic = layer = new google.maps.TrafficLayer();
+ break;
+ case 'transit': this.singleLayers.transit = layer = new google.maps.TransitLayer();
+ break;
+ case 'bicycling': this.singleLayers.bicycling = layer = new google.maps.BicyclingLayer();
+ break;
+ case 'panoramio':
+ this.singleLayers.panoramio = layer = new google.maps.panoramio.PanoramioLayer();
+ layer.setTag(options.filter);
+ delete options.filter;
+
+ //click event
+ if (options.click) {
+ google.maps.event.addListener(layer, 'click', function(event) {
+ options.click(event);
+ delete options.click;
+ });
+ }
+ break;
+ case 'places':
+ this.singleLayers.places = layer = new google.maps.places.PlacesService(this.map);
+
+ //search, nearbySearch, radarSearch callback, Both are the same
+ if (options.search || options.nearbySearch || options.radarSearch) {
+ var placeSearchRequest = {
+ bounds : options.bounds || null,
+ keyword : options.keyword || null,
+ location : options.location || null,
+ name : options.name || null,
+ radius : options.radius || null,
+ rankBy : options.rankBy || null,
+ types : options.types || null
+ };
+
+ if (options.radarSearch) {
+ layer.radarSearch(placeSearchRequest, options.radarSearch);
+ }
+
+ if (options.search) {
+ layer.search(placeSearchRequest, options.search);
+ }
+
+ if (options.nearbySearch) {
+ layer.nearbySearch(placeSearchRequest, options.nearbySearch);
+ }
+ }
+
+ //textSearch callback
+ if (options.textSearch) {
+ var textSearchRequest = {
+ bounds : options.bounds || null,
+ location : options.location || null,
+ query : options.query || null,
+ radius : options.radius || null
+ };
+
+ layer.textSearch(textSearchRequest, options.textSearch);
+ }
+ break;
+ }
+
+ if (layer !== undefined) {
+ if (typeof layer.setOptions == 'function') {
+ layer.setOptions(options);
+ }
+ if (typeof layer.setMap == 'function') {
+ layer.setMap(this.map);
+ }
+
+ return layer;
+ }
+};
+
+GMaps.prototype.removeLayer = function(layer) {
+ if (typeof(layer) == "string" && this.singleLayers[layer] !== undefined) {
+ this.singleLayers[layer].setMap(null);
+
+ delete this.singleLayers[layer];
+ }
+ else {
+ for (var i = 0; i < this.layers.length; i++) {
+ if (this.layers[i] === layer) {
+ this.layers[i].setMap(null);
+ this.layers.splice(i, 1);
+
+ break;
+ }
+ }
+ }
+};
+
+var travelMode, unitSystem;
+
+GMaps.prototype.getRoutes = function(options) {
+ switch (options.travelMode) {
+ case 'bicycling':
+ travelMode = google.maps.TravelMode.BICYCLING;
+ break;
+ case 'transit':
+ travelMode = google.maps.TravelMode.TRANSIT;
+ break;
+ case 'driving':
+ travelMode = google.maps.TravelMode.DRIVING;
+ break;
+ default:
+ travelMode = google.maps.TravelMode.WALKING;
+ break;
+ }
+
+ if (options.unitSystem === 'imperial') {
+ unitSystem = google.maps.UnitSystem.IMPERIAL;
+ }
+ else {
+ unitSystem = google.maps.UnitSystem.METRIC;
+ }
+
+ var base_options = {
+ avoidHighways: false,
+ avoidTolls: false,
+ optimizeWaypoints: false,
+ waypoints: []
+ },
+ request_options = extend_object(base_options, options);
+
+ request_options.origin = /string/.test(typeof options.origin) ? options.origin : new google.maps.LatLng(options.origin[0], options.origin[1]);
+ request_options.destination = /string/.test(typeof options.destination) ? options.destination : new google.maps.LatLng(options.destination[0], options.destination[1]);
+ request_options.travelMode = travelMode;
+ request_options.unitSystem = unitSystem;
+
+ delete request_options.callback;
+ delete request_options.error;
+
+ var self = this,
+ service = new google.maps.DirectionsService();
+
+ service.route(request_options, function(result, status) {
+ if (status === google.maps.DirectionsStatus.OK) {
+ for (var r in result.routes) {
+ if (result.routes.hasOwnProperty(r)) {
+ self.routes.push(result.routes[r]);
+ }
+ }
+
+ if (options.callback) {
+ options.callback(self.routes);
+ }
+ }
+ else {
+ if (options.error) {
+ options.error(result, status);
+ }
+ }
+ });
+};
+
+GMaps.prototype.removeRoutes = function() {
+ this.routes = [];
+};
+
+GMaps.prototype.getElevations = function(options) {
+ options = extend_object({
+ locations: [],
+ path : false,
+ samples : 256
+ }, options);
+
+ if (options.locations.length > 0) {
+ if (options.locations[0].length > 0) {
+ options.locations = array_flat(array_map([options.locations], arrayToLatLng, false));
+ }
+ }
+
+ var callback = options.callback;
+ delete options.callback;
+
+ var service = new google.maps.ElevationService();
+
+ //location request
+ if (!options.path) {
+ delete options.path;
+ delete options.samples;
+
+ service.getElevationForLocations(options, function(result, status) {
+ if (callback && typeof(callback) === "function") {
+ callback(result, status);
+ }
+ });
+ //path request
+ } else {
+ var pathRequest = {
+ path : options.locations,
+ samples : options.samples
+ };
+
+ service.getElevationAlongPath(pathRequest, function(result, status) {
+ if (callback && typeof(callback) === "function") {
+ callback(result, status);
+ }
+ });
+ }
+};
+
+GMaps.prototype.cleanRoute = GMaps.prototype.removePolylines;
+
+GMaps.prototype.drawRoute = function(options) {
+ var self = this;
+
+ this.getRoutes({
+ origin: options.origin,
+ destination: options.destination,
+ travelMode: options.travelMode,
+ waypoints: options.waypoints,
+ unitSystem: options.unitSystem,
+ error: options.error,
+ callback: function(e) {
+ if (e.length > 0) {
+ self.drawPolyline({
+ path: e[e.length - 1].overview_path,
+ strokeColor: options.strokeColor,
+ strokeOpacity: options.strokeOpacity,
+ strokeWeight: options.strokeWeight
+ });
+
+ if (options.callback) {
+ options.callback(e[e.length - 1]);
+ }
+ }
+ }
+ });
+};
+
+GMaps.prototype.travelRoute = function(options) {
+ if (options.origin && options.destination) {
+ this.getRoutes({
+ origin: options.origin,
+ destination: options.destination,
+ travelMode: options.travelMode,
+ waypoints : options.waypoints,
+ unitSystem: options.unitSystem,
+ error: options.error,
+ callback: function(e) {
+ //start callback
+ if (e.length > 0 && options.start) {
+ options.start(e[e.length - 1]);
+ }
+
+ //step callback
+ if (e.length > 0 && options.step) {
+ var route = e[e.length - 1];
+ if (route.legs.length > 0) {
+ var steps = route.legs[0].steps;
+ for (var i=0, step; step=steps[i]; i++) {
+ step.step_number = i;
+ options.step(step, (route.legs[0].steps.length - 1));
+ }
+ }
+ }
+
+ //end callback
+ if (e.length > 0 && options.end) {
+ options.end(e[e.length - 1]);
+ }
+ }
+ });
+ }
+ else if (options.route) {
+ if (options.route.legs.length > 0) {
+ var steps = options.route.legs[0].steps;
+ for (var i=0, step; step=steps[i]; i++) {
+ step.step_number = i;
+ options.step(step);
+ }
+ }
+ }
+};
+
+GMaps.prototype.drawSteppedRoute = function(options) {
+ var self = this;
+
+ if (options.origin && options.destination) {
+ this.getRoutes({
+ origin: options.origin,
+ destination: options.destination,
+ travelMode: options.travelMode,
+ waypoints : options.waypoints,
+ error: options.error,
+ callback: function(e) {
+ //start callback
+ if (e.length > 0 && options.start) {
+ options.start(e[e.length - 1]);
+ }
+
+ //step callback
+ if (e.length > 0 && options.step) {
+ var route = e[e.length - 1];
+ if (route.legs.length > 0) {
+ var steps = route.legs[0].steps;
+ for (var i=0, step; step=steps[i]; i++) {
+ step.step_number = i;
+ self.drawPolyline({
+ path: step.path,
+ strokeColor: options.strokeColor,
+ strokeOpacity: options.strokeOpacity,
+ strokeWeight: options.strokeWeight
+ });
+ options.step(step, (route.legs[0].steps.length - 1));
+ }
+ }
+ }
+
+ //end callback
+ if (e.length > 0 && options.end) {
+ options.end(e[e.length - 1]);
+ }
+ }
+ });
+ }
+ else if (options.route) {
+ if (options.route.legs.length > 0) {
+ var steps = options.route.legs[0].steps;
+ for (var i=0, step; step=steps[i]; i++) {
+ step.step_number = i;
+ self.drawPolyline({
+ path: step.path,
+ strokeColor: options.strokeColor,
+ strokeOpacity: options.strokeOpacity,
+ strokeWeight: options.strokeWeight
+ });
+ options.step(step);
+ }
+ }
+ }
+};
+
+GMaps.Route = function(options) {
+ this.origin = options.origin;
+ this.destination = options.destination;
+ this.waypoints = options.waypoints;
+
+ this.map = options.map;
+ this.route = options.route;
+ this.step_count = 0;
+ this.steps = this.route.legs[0].steps;
+ this.steps_length = this.steps.length;
+
+ this.polyline = this.map.drawPolyline({
+ path: new google.maps.MVCArray(),
+ strokeColor: options.strokeColor,
+ strokeOpacity: options.strokeOpacity,
+ strokeWeight: options.strokeWeight
+ }).getPath();
+};
+
+GMaps.Route.prototype.getRoute = function(options) {
+ var self = this;
+
+ this.map.getRoutes({
+ origin : this.origin,
+ destination : this.destination,
+ travelMode : options.travelMode,
+ waypoints : this.waypoints || [],
+ error: options.error,
+ callback : function() {
+ self.route = e[0];
+
+ if (options.callback) {
+ options.callback.call(self);
+ }
+ }
+ });
+};
+
+GMaps.Route.prototype.back = function() {
+ if (this.step_count > 0) {
+ this.step_count--;
+ var path = this.route.legs[0].steps[this.step_count].path;
+
+ for (var p in path){
+ if (path.hasOwnProperty(p)){
+ this.polyline.pop();
+ }
+ }
+ }
+};
+
+GMaps.Route.prototype.forward = function() {
+ if (this.step_count < this.steps_length) {
+ var path = this.route.legs[0].steps[this.step_count].path;
+
+ for (var p in path){
+ if (path.hasOwnProperty(p)){
+ this.polyline.push(path[p]);
+ }
+ }
+ this.step_count++;
+ }
+};
+
+GMaps.prototype.checkGeofence = function(lat, lng, fence) {
+ return fence.containsLatLng(new google.maps.LatLng(lat, lng));
+};
+
+GMaps.prototype.checkMarkerGeofence = function(marker, outside_callback) {
+ if (marker.fences) {
+ for (var i = 0, fence; fence = marker.fences[i]; i++) {
+ var pos = marker.getPosition();
+ if (!this.checkGeofence(pos.lat(), pos.lng(), fence)) {
+ outside_callback(marker, fence);
+ }
+ }
+ }
+};
+
+GMaps.prototype.toImage = function(options) {
+ var options = options || {},
+ static_map_options = {};
+
+ static_map_options['size'] = options['size'] || [this.el.clientWidth, this.el.clientHeight];
+ static_map_options['lat'] = this.getCenter().lat();
+ static_map_options['lng'] = this.getCenter().lng();
+
+ if (this.markers.length > 0) {
+ static_map_options['markers'] = [];
+
+ for (var i = 0; i < this.markers.length; i++) {
+ static_map_options['markers'].push({
+ lat: this.markers[i].getPosition().lat(),
+ lng: this.markers[i].getPosition().lng()
+ });
+ }
+ }
+
+ if (this.polylines.length > 0) {
+ var polyline = this.polylines[0];
+
+ static_map_options['polyline'] = {};
+ static_map_options['polyline']['path'] = google.maps.geometry.encoding.encodePath(polyline.getPath());
+ static_map_options['polyline']['strokeColor'] = polyline.strokeColor
+ static_map_options['polyline']['strokeOpacity'] = polyline.strokeOpacity
+ static_map_options['polyline']['strokeWeight'] = polyline.strokeWeight
+ }
+
+ return GMaps.staticMapURL(static_map_options);
+};
+
+GMaps.staticMapURL = function(options){
+ var parameters = [],
+ data,
+ static_root = 'https://maps.googleapis.com/maps/api/staticmap';
+
+ if (options.url) {
+ static_root = options.url;
+ delete options.url;
+ }
+
+ static_root += '?';
+
+ var markers = options.markers;
+
+ delete options.markers;
+
+ if (!markers && options.marker) {
+ markers = [options.marker];
+ delete options.marker;
+ }
+
+ var styles = options.styles;
+
+ delete options.styles;
+
+ var polyline = options.polyline;
+ delete options.polyline;
+
+ /** Map options **/
+ if (options.center) {
+ parameters.push('center=' + options.center);
+ delete options.center;
+ }
+ else if (options.address) {
+ parameters.push('center=' + options.address);
+ delete options.address;
+ }
+ else if (options.lat) {
+ parameters.push(['center=', options.lat, ',', options.lng].join(''));
+ delete options.lat;
+ delete options.lng;
+ }
+ else if (options.visible) {
+ var visible = encodeURI(options.visible.join('|'));
+ parameters.push('visible=' + visible);
+ }
+
+ var size = options.size;
+ if (size) {
+ if (size.join) {
+ size = size.join('x');
+ }
+ delete options.size;
+ }
+ else {
+ size = '630x300';
+ }
+ parameters.push('size=' + size);
+
+ if (!options.zoom && options.zoom !== false) {
+ options.zoom = 15;
+ }
+
+ var sensor = options.hasOwnProperty('sensor') ? !!options.sensor : true;
+ delete options.sensor;
+ parameters.push('sensor=' + sensor);
+
+ for (var param in options) {
+ if (options.hasOwnProperty(param)) {
+ parameters.push(param + '=' + options[param]);
+ }
+ }
+
+ /** Markers **/
+ if (markers) {
+ var marker, loc;
+
+ for (var i=0; data=markers[i]; i++) {
+ marker = [];
+
+ if (data.size && data.size !== 'normal') {
+ marker.push('size:' + data.size);
+ delete data.size;
+ }
+ else if (data.icon) {
+ marker.push('icon:' + encodeURI(data.icon));
+ delete data.icon;
+ }
+
+ if (data.color) {
+ marker.push('color:' + data.color.replace('#', '0x'));
+ delete data.color;
+ }
+
+ if (data.label) {
+ marker.push('label:' + data.label[0].toUpperCase());
+ delete data.label;
+ }
+
+ loc = (data.address ? data.address : data.lat + ',' + data.lng);
+ delete data.address;
+ delete data.lat;
+ delete data.lng;
+
+ for(var param in data){
+ if (data.hasOwnProperty(param)) {
+ marker.push(param + ':' + data[param]);
+ }
+ }
+
+ if (marker.length || i === 0) {
+ marker.push(loc);
+ marker = marker.join('|');
+ parameters.push('markers=' + encodeURI(marker));
+ }
+ // New marker without styles
+ else {
+ marker = parameters.pop() + encodeURI('|' + loc);
+ parameters.push(marker);
+ }
+ }
+ }
+
+ /** Map Styles **/
+ if (styles) {
+ for (var i = 0; i < styles.length; i++) {
+ var styleRule = [];
+ if (styles[i].featureType){
+ styleRule.push('feature:' + styles[i].featureType.toLowerCase());
+ }
+
+ if (styles[i].elementType) {
+ styleRule.push('element:' + styles[i].elementType.toLowerCase());
+ }
+
+ for (var j = 0; j < styles[i].stylers.length; j++) {
+ for (var p in styles[i].stylers[j]) {
+ var ruleArg = styles[i].stylers[j][p];
+ if (p == 'hue' || p == 'color') {
+ ruleArg = '0x' + ruleArg.substring(1);
+ }
+ styleRule.push(p + ':' + ruleArg);
+ }
+ }
+
+ var rule = styleRule.join('|');
+ if (rule != '') {
+ parameters.push('style=' + rule);
+ }
+ }
+ }
+
+ /** Polylines **/
+ function parseColor(color, opacity) {
+ if (color[0] === '#'){
+ color = color.replace('#', '0x');
+
+ if (opacity) {
+ opacity = parseFloat(opacity);
+ opacity = Math.min(1, Math.max(opacity, 0));
+ if (opacity === 0) {
+ return '0x00000000';
+ }
+ opacity = (opacity * 255).toString(16);
+ if (opacity.length === 1) {
+ opacity += opacity;
+ }
+
+ color = color.slice(0,8) + opacity;
+ }
+ }
+ return color;
+ }
+
+ if (polyline) {
+ data = polyline;
+ polyline = [];
+
+ if (data.strokeWeight) {
+ polyline.push('weight:' + parseInt(data.strokeWeight, 10));
+ }
+
+ if (data.strokeColor) {
+ var color = parseColor(data.strokeColor, data.strokeOpacity);
+ polyline.push('color:' + color);
+ }
+
+ if (data.fillColor) {
+ var fillcolor = parseColor(data.fillColor, data.fillOpacity);
+ polyline.push('fillcolor:' + fillcolor);
+ }
+
+ var path = data.path;
+ if (path.join) {
+ for (var j=0, pos; pos=path[j]; j++) {
+ polyline.push(pos.join(','));
+ }
+ }
+ else {
+ polyline.push('enc:' + path);
+ }
+
+ polyline = polyline.join('|');
+ parameters.push('path=' + encodeURI(polyline));
+ }
+
+ /** Retina support **/
+ var dpi = window.devicePixelRatio || 1;
+ parameters.push('scale=' + dpi);
+
+ parameters = parameters.join('&');
+ return static_root + parameters;
+};
+
+GMaps.prototype.addMapType = function(mapTypeId, options) {
+ if (options.hasOwnProperty("getTileUrl") && typeof(options["getTileUrl"]) == "function") {
+ options.tileSize = options.tileSize || new google.maps.Size(256, 256);
+
+ var mapType = new google.maps.ImageMapType(options);
+
+ this.map.mapTypes.set(mapTypeId, mapType);
+ }
+ else {
+ throw "'getTileUrl' function required.";
+ }
+};
+
+GMaps.prototype.addOverlayMapType = function(options) {
+ if (options.hasOwnProperty("getTile") && typeof(options["getTile"]) == "function") {
+ var overlayMapTypeIndex = options.index;
+
+ delete options.index;
+
+ this.map.overlayMapTypes.insertAt(overlayMapTypeIndex, options);
+ }
+ else {
+ throw "'getTile' function required.";
+ }
+};
+
+GMaps.prototype.removeOverlayMapType = function(overlayMapTypeIndex) {
+ this.map.overlayMapTypes.removeAt(overlayMapTypeIndex);
+};
+
+GMaps.prototype.addStyle = function(options) {
+ var styledMapType = new google.maps.StyledMapType(options.styles, { name: options.styledMapName });
+
+ this.map.mapTypes.set(options.mapTypeId, styledMapType);
+};
+
+GMaps.prototype.setStyle = function(mapTypeId) {
+ this.map.setMapTypeId(mapTypeId);
+};
+
+GMaps.prototype.createPanorama = function(streetview_options) {
+ if (!streetview_options.hasOwnProperty('lat') || !streetview_options.hasOwnProperty('lng')) {
+ streetview_options.lat = this.getCenter().lat();
+ streetview_options.lng = this.getCenter().lng();
+ }
+
+ this.panorama = GMaps.createPanorama(streetview_options);
+
+ this.map.setStreetView(this.panorama);
+
+ return this.panorama;
+};
+
+GMaps.createPanorama = function(options) {
+ var el = getElementById(options.el, options.context);
+
+ options.position = new google.maps.LatLng(options.lat, options.lng);
+
+ delete options.el;
+ delete options.context;
+ delete options.lat;
+ delete options.lng;
+
+ var streetview_events = ['closeclick', 'links_changed', 'pano_changed', 'position_changed', 'pov_changed', 'resize', 'visible_changed'],
+ streetview_options = extend_object({visible : true}, options);
+
+ for (var i = 0; i < streetview_events.length; i++) {
+ delete streetview_options[streetview_events[i]];
+ }
+
+ var panorama = new google.maps.StreetViewPanorama(el, streetview_options);
+
+ for (var i = 0; i < streetview_events.length; i++) {
+ (function(object, name) {
+ if (options[name]) {
+ google.maps.event.addListener(object, name, function(){
+ options[name].apply(this);
+ });
+ }
+ })(panorama, streetview_events[i]);
+ }
+
+ return panorama;
+};
+
+GMaps.prototype.on = function(event_name, handler) {
+ return GMaps.on(event_name, this, handler);
+};
+
+GMaps.prototype.off = function(event_name) {
+ GMaps.off(event_name, this);
+};
+
+GMaps.custom_events = ['marker_added', 'marker_removed', 'polyline_added', 'polyline_removed', 'polygon_added', 'polygon_removed', 'geolocated', 'geolocation_failed'];
+
+GMaps.on = function(event_name, object, handler) {
+ if (GMaps.custom_events.indexOf(event_name) == -1) {
+ if(object instanceof GMaps) object = object.map;
+ return google.maps.event.addListener(object, event_name, handler);
+ }
+ else {
+ var registered_event = {
+ handler : handler,
+ eventName : event_name
+ };
+
+ object.registered_events[event_name] = object.registered_events[event_name] || [];
+ object.registered_events[event_name].push(registered_event);
+
+ return registered_event;
+ }
+};
+
+GMaps.off = function(event_name, object) {
+ if (GMaps.custom_events.indexOf(event_name) == -1) {
+ if(object instanceof GMaps) object = object.map;
+ google.maps.event.clearListeners(object, event_name);
+ }
+ else {
+ object.registered_events[event_name] = [];
+ }
+};
+
+GMaps.fire = function(event_name, object, scope) {
+ if (GMaps.custom_events.indexOf(event_name) == -1) {
+ google.maps.event.trigger(object, event_name, Array.prototype.slice.apply(arguments).slice(2));
+ }
+ else {
+ if(event_name in scope.registered_events) {
+ var firing_events = scope.registered_events[event_name];
+
+ for(var i = 0; i < firing_events.length; i++) {
+ (function(handler, scope, object) {
+ handler.apply(scope, [object]);
+ })(firing_events[i]['handler'], scope, object);
+ }
+ }
+ }
+};
+
+GMaps.geolocate = function(options) {
+ var complete_callback = options.always || options.complete;
+
+ if (navigator.geolocation) {
+ navigator.geolocation.getCurrentPosition(function(position) {
+ options.success(position);
+
+ if (complete_callback) {
+ complete_callback();
+ }
+ }, function(error) {
+ options.error(error);
+
+ if (complete_callback) {
+ complete_callback();
+ }
+ }, options.options);
+ }
+ else {
+ options.not_supported();
+
+ if (complete_callback) {
+ complete_callback();
+ }
+ }
+};
+
+GMaps.geocode = function(options) {
+ this.geocoder = new google.maps.Geocoder();
+ var callback = options.callback;
+ if (options.hasOwnProperty('lat') && options.hasOwnProperty('lng')) {
+ options.latLng = new google.maps.LatLng(options.lat, options.lng);
+ }
+
+ delete options.lat;
+ delete options.lng;
+ delete options.callback;
+
+ this.geocoder.geocode(options, function(results, status) {
+ callback(results, status);
+ });
+};
+
+//==========================
+// Polygon containsLatLng
+// https://github.com/tparkin/Google-Maps-Point-in-Polygon
+// Poygon getBounds extension - google-maps-extensions
+// http://code.google.com/p/google-maps-extensions/source/browse/google.maps.Polygon.getBounds.js
+if (!google.maps.Polygon.prototype.getBounds) {
+ google.maps.Polygon.prototype.getBounds = function(latLng) {
+ var bounds = new google.maps.LatLngBounds();
+ var paths = this.getPaths();
+ var path;
+
+ for (var p = 0; p < paths.getLength(); p++) {
+ path = paths.getAt(p);
+ for (var i = 0; i < path.getLength(); i++) {
+ bounds.extend(path.getAt(i));
+ }
+ }
+
+ return bounds;
+ };
+}
+
+if (!google.maps.Polygon.prototype.containsLatLng) {
+ // Polygon containsLatLng - method to determine if a latLng is within a polygon
+ google.maps.Polygon.prototype.containsLatLng = function(latLng) {
+ // Exclude points outside of bounds as there is no way they are in the poly
+ var bounds = this.getBounds();
+
+ if (bounds !== null && !bounds.contains(latLng)) {
+ return false;
+ }
+
+ // Raycast point in polygon method
+ var inPoly = false;
+
+ var numPaths = this.getPaths().getLength();
+ for (var p = 0; p < numPaths; p++) {
+ var path = this.getPaths().getAt(p);
+ var numPoints = path.getLength();
+ var j = numPoints - 1;
+
+ for (var i = 0; i < numPoints; i++) {
+ var vertex1 = path.getAt(i);
+ var vertex2 = path.getAt(j);
+
+ if (vertex1.lng() < latLng.lng() && vertex2.lng() >= latLng.lng() || vertex2.lng() < latLng.lng() && vertex1.lng() >= latLng.lng()) {
+ if (vertex1.lat() + (latLng.lng() - vertex1.lng()) / (vertex2.lng() - vertex1.lng()) * (vertex2.lat() - vertex1.lat()) < latLng.lat()) {
+ inPoly = !inPoly;
+ }
+ }
+
+ j = i;
+ }
+ }
+
+ return inPoly;
+ };
+}
+
+if (!google.maps.Circle.prototype.containsLatLng) {
+ google.maps.Circle.prototype.containsLatLng = function(latLng) {
+ if (google.maps.geometry) {
+ return google.maps.geometry.spherical.computeDistanceBetween(this.getCenter(), latLng) <= this.getRadius();
+ }
+ else {
+ return true;
+ }
+ };
+}
+
+google.maps.LatLngBounds.prototype.containsLatLng = function(latLng) {
+ return this.contains(latLng);
+};
+
+google.maps.Marker.prototype.setFences = function(fences) {
+ this.fences = fences;
+};
+
+google.maps.Marker.prototype.addFence = function(fence) {
+ this.fences.push(fence);
+};
+
+google.maps.Marker.prototype.getId = function() {
+ return this['__gm_id'];
+};
+
+//==========================
+// Array indexOf
+// https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/indexOf
+if (!Array.prototype.indexOf) {
+ Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {
+ "use strict";
+ if (this == null) {
+ throw new TypeError();
+ }
+ var t = Object(this);
+ var len = t.length >>> 0;
+ if (len === 0) {
+ return -1;
+ }
+ var n = 0;
+ if (arguments.length > 1) {
+ n = Number(arguments[1]);
+ if (n != n) { // shortcut for verifying if it's NaN
+ n = 0;
+ } else if (n != 0 && n != Infinity && n != -Infinity) {
+ n = (n > 0 || -1) * Math.floor(Math.abs(n));
+ }
+ }
+ if (n >= len) {
+ return -1;
+ }
+ var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0);
+ for (; k < len; k++) {
+ if (k in t && t[k] === searchElement) {
+ return k;
+ }
+ }
+ return -1;
+ }
+}
+
+return GMaps;
+}));
diff --git a/js/owl.carousel.min.js b/js/owl.carousel.min.js
new file mode 100755
index 0000000..98ae16e
--- /dev/null
+++ b/js/owl.carousel.min.js
@@ -0,0 +1 @@
+eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('7(A 3c.3q!=="9"){3c.3q=9(e){9 t(){}t.5S=e;p 5R t}}(9(e,t,n){h r={1N:9(t,n){h r=c;r.$k=e(n);r.6=e.4M({},e.37.2B.6,r.$k.v(),t);r.2A=t;r.4L()},4L:9(){9 r(e){h n,r="";7(A t.6.33==="9"){t.6.33.R(c,[e])}l{1A(n 38 e.d){7(e.d.5M(n)){r+=e.d[n].1K}}t.$k.2y(r)}t.3t()}h t=c,n;7(A t.6.2H==="9"){t.6.2H.R(c,[t.$k])}7(A t.6.2O==="2Y"){n=t.6.2O;e.5K(n,r)}l{t.3t()}},3t:9(){h e=c;e.$k.v("d-4I",e.$k.2x("2w")).v("d-4F",e.$k.2x("H"));e.$k.z({2u:0});e.2t=e.6.q;e.4E();e.5v=0;e.1X=14;e.23()},23:9(){h e=c;7(e.$k.25().N===0){p b}e.1M();e.4C();e.$S=e.$k.25();e.E=e.$S.N;e.4B();e.$G=e.$k.17(".d-1K");e.$K=e.$k.17(".d-1p");e.3u="U";e.13=0;e.26=[0];e.m=0;e.4A();e.4z()},4z:9(){h e=c;e.2V();e.2W();e.4t();e.30();e.4r();e.4q();e.2p();e.4o();7(e.6.2o!==b){e.4n(e.6.2o)}7(e.6.O===j){e.6.O=4Q}e.19();e.$k.17(".d-1p").z("4i","4h");7(!e.$k.2m(":3n")){e.3o()}l{e.$k.z("2u",1)}e.5O=b;e.2l();7(A e.6.3s==="9"){e.6.3s.R(c,[e.$k])}},2l:9(){h e=c;7(e.6.1Z===j){e.1Z()}7(e.6.1B===j){e.1B()}e.4g();7(A e.6.3w==="9"){e.6.3w.R(c,[e.$k])}},3x:9(){h e=c;7(A e.6.3B==="9"){e.6.3B.R(c,[e.$k])}e.3o();e.2V();e.2W();e.4f();e.30();e.2l();7(A e.6.3D==="9"){e.6.3D.R(c,[e.$k])}},3F:9(){h e=c;t.1c(9(){e.3x()},0)},3o:9(){h e=c;7(e.$k.2m(":3n")===b){e.$k.z({2u:0});t.18(e.1C);t.18(e.1X)}l{p b}e.1X=t.4d(9(){7(e.$k.2m(":3n")){e.3F();e.$k.4b({2u:1},2M);t.18(e.1X)}},5x)},4B:9(){h e=c;e.$S.5n(\'<L H="d-1p">\').4a(\'<L H="d-1K"></L>\');e.$k.17(".d-1p").4a(\'<L H="d-1p-49">\');e.1H=e.$k.17(".d-1p-49");e.$k.z("4i","4h")},1M:9(){h e=c,t=e.$k.1I(e.6.1M),n=e.$k.1I(e.6.2i);7(!t){e.$k.I(e.6.1M)}7(!n){e.$k.I(e.6.2i)}},2V:9(){h t=c,n,r;7(t.6.2Z===b){p b}7(t.6.48===j){t.6.q=t.2t=1;t.6.1h=b;t.6.1s=b;t.6.1O=b;t.6.22=b;t.6.1Q=b;t.6.1R=b;p b}n=e(t.6.47).1f();7(n>(t.6.1s[0]||t.2t)){t.6.q=t.2t}7(t.6.1h!==b){t.6.1h.5g(9(e,t){p e[0]-t[0]});1A(r=0;r<t.6.1h.N;r+=1){7(t.6.1h[r][0]<=n){t.6.q=t.6.1h[r][1]}}}l{7(n<=t.6.1s[0]&&t.6.1s!==b){t.6.q=t.6.1s[1]}7(n<=t.6.1O[0]&&t.6.1O!==b){t.6.q=t.6.1O[1]}7(n<=t.6.22[0]&&t.6.22!==b){t.6.q=t.6.22[1]}7(n<=t.6.1Q[0]&&t.6.1Q!==b){t.6.q=t.6.1Q[1]}7(n<=t.6.1R[0]&&t.6.1R!==b){t.6.q=t.6.1R[1]}}7(t.6.q>t.E&&t.6.46===j){t.6.q=t.E}},4r:9(){h n=c,r,i;7(n.6.2Z!==j){p b}i=e(t).1f();n.3d=9(){7(e(t).1f()!==i){7(n.6.O!==b){t.18(n.1C)}t.5d(r);r=t.1c(9(){i=e(t).1f();n.3x()},n.6.45)}};e(t).44(n.3d)},4f:9(){h e=c;e.2g(e.m);7(e.6.O!==b){e.3j()}},43:9(){h t=c,n=0,r=t.E-t.6.q;t.$G.2f(9(i){h s=e(c);s.z({1f:t.M}).v("d-1K",3p(i));7(i%t.6.q===0||i===r){7(!(i>r)){n+=1}}s.v("d-24",n)})},42:9(){h e=c,t=e.$G.N*e.M;e.$K.z({1f:t*2,T:0});e.43()},2W:9(){h e=c;e.40();e.42();e.3Z();e.3v()},40:9(){h e=c;e.M=1F.4O(e.$k.1f()/e.6.q)},3v:9(){h e=c,t=(e.E*e.M-e.6.q*e.M)*-1;7(e.6.q>e.E){e.D=0;t=0;e.3z=0}l{e.D=e.E-e.6.q;e.3z=t}p t},3Y:9(){p 0},3Z:9(){h t=c,n=0,r=0,i,s,o;t.J=[0];t.3E=[];1A(i=0;i<t.E;i+=1){r+=t.M;t.J.2D(-r);7(t.6.12===j){s=e(t.$G[i]);o=s.v("d-24");7(o!==n){t.3E[n]=t.J[i];n=o}}}},4t:9(){h t=c;7(t.6.2a===j||t.6.1v===j){t.B=e(\'<L H="d-5A"/>\').5m("5l",!t.F.15).5c(t.$k)}7(t.6.1v===j){t.3T()}7(t.6.2a===j){t.3S()}},3S:9(){h t=c,n=e(\'<L H="d-4U"/>\');t.B.1o(n);t.1u=e("<L/>",{"H":"d-1n",2y:t.6.2U[0]||""});t.1q=e("<L/>",{"H":"d-U",2y:t.6.2U[1]||""});n.1o(t.1u).1o(t.1q);n.w("2X.B 21.B",\'L[H^="d"]\',9(e){e.1l()});n.w("2n.B 28.B",\'L[H^="d"]\',9(n){n.1l();7(e(c).1I("d-U")){t.U()}l{t.1n()}})},3T:9(){h t=c;t.1k=e(\'<L H="d-1v"/>\');t.B.1o(t.1k);t.1k.w("2n.B 28.B",".d-1j",9(n){n.1l();7(3p(e(c).v("d-1j"))!==t.m){t.1g(3p(e(c).v("d-1j")),j)}})},3P:9(){h t=c,n,r,i,s,o,u;7(t.6.1v===b){p b}t.1k.2y("");n=0;r=t.E-t.E%t.6.q;1A(s=0;s<t.E;s+=1){7(s%t.6.q===0){n+=1;7(r===s){i=t.E-t.6.q}o=e("<L/>",{"H":"d-1j"});u=e("<3N></3N>",{4R:t.6.39===j?n:"","H":t.6.39===j?"d-59":""});o.1o(u);o.v("d-1j",r===s?i:s);o.v("d-24",n);t.1k.1o(o)}}t.35()},35:9(){h t=c;7(t.6.1v===b){p b}t.1k.17(".d-1j").2f(9(){7(e(c).v("d-24")===e(t.$G[t.m]).v("d-24")){t.1k.17(".d-1j").Z("2d");e(c).I("2d")}})},3e:9(){h e=c;7(e.6.2a===b){p b}7(e.6.2e===b){7(e.m===0&&e.D===0){e.1u.I("1b");e.1q.I("1b")}l 7(e.m===0&&e.D!==0){e.1u.I("1b");e.1q.Z("1b")}l 7(e.m===e.D){e.1u.Z("1b");e.1q.I("1b")}l 7(e.m!==0&&e.m!==e.D){e.1u.Z("1b");e.1q.Z("1b")}}},30:9(){h e=c;e.3P();e.3e();7(e.B){7(e.6.q>=e.E){e.B.3K()}l{e.B.3J()}}},55:9(){h e=c;7(e.B){e.B.3k()}},U:9(e){h t=c;7(t.1E){p b}t.m+=t.6.12===j?t.6.q:1;7(t.m>t.D+(t.6.12===j?t.6.q-1:0)){7(t.6.2e===j){t.m=0;e="2k"}l{t.m=t.D;p b}}t.1g(t.m,e)},1n:9(e){h t=c;7(t.1E){p b}7(t.6.12===j&&t.m>0&&t.m<t.6.q){t.m=0}l{t.m-=t.6.12===j?t.6.q:1}7(t.m<0){7(t.6.2e===j){t.m=t.D;e="2k"}l{t.m=0;p b}}t.1g(t.m,e)},1g:9(e,n,r){h i=c,s;7(i.1E){p b}7(A i.6.1Y==="9"){i.6.1Y.R(c,[i.$k])}7(e>=i.D){e=i.D}l 7(e<=0){e=0}i.m=i.d.m=e;7(i.6.2o!==b&&r!=="4e"&&i.6.q===1&&i.F.1x===j){i.1t(0);7(i.F.1x===j){i.1L(i.J[e])}l{i.1r(i.J[e],1)}i.2r();i.4l();p b}s=i.J[e];7(i.F.1x===j){i.1T=b;7(n===j){i.1t("1w");t.1c(9(){i.1T=j},i.6.1w)}l 7(n==="2k"){i.1t(i.6.2v);t.1c(9(){i.1T=j},i.6.2v)}l{i.1t("1m");t.1c(9(){i.1T=j},i.6.1m)}i.1L(s)}l{7(n===j){i.1r(s,i.6.1w)}l 7(n==="2k"){i.1r(s,i.6.2v)}l{i.1r(s,i.6.1m)}}i.2r()},2g:9(e){h t=c;7(A t.6.1Y==="9"){t.6.1Y.R(c,[t.$k])}7(e>=t.D||e===-1){e=t.D}l 7(e<=0){e=0}t.1t(0);7(t.F.1x===j){t.1L(t.J[e])}l{t.1r(t.J[e],1)}t.m=t.d.m=e;t.2r()},2r:9(){h e=c;e.26.2D(e.m);e.13=e.d.13=e.26[e.26.N-2];e.26.5f(0);7(e.13!==e.m){e.35();e.3e();e.2l();7(e.6.O!==b){e.3j()}}7(A e.6.3y==="9"&&e.13!==e.m){e.6.3y.R(c,[e.$k])}},X:9(){h e=c;e.3A="X";t.18(e.1C)},3j:9(){h e=c;7(e.3A!=="X"){e.19()}},19:9(){h e=c;e.3A="19";7(e.6.O===b){p b}t.18(e.1C);e.1C=t.4d(9(){e.U(j)},e.6.O)},1t:9(e){h t=c;7(e==="1m"){t.$K.z(t.2z(t.6.1m))}l 7(e==="1w"){t.$K.z(t.2z(t.6.1w))}l 7(A e!=="2Y"){t.$K.z(t.2z(e))}},2z:9(e){p{"-1G-1a":"2C "+e+"1z 2s","-1W-1a":"2C "+e+"1z 2s","-o-1a":"2C "+e+"1z 2s",1a:"2C "+e+"1z 2s"}},3H:9(){p{"-1G-1a":"","-1W-1a":"","-o-1a":"",1a:""}},3I:9(e){p{"-1G-P":"1i("+e+"V, C, C)","-1W-P":"1i("+e+"V, C, C)","-o-P":"1i("+e+"V, C, C)","-1z-P":"1i("+e+"V, C, C)",P:"1i("+e+"V, C,C)"}},1L:9(e){h t=c;t.$K.z(t.3I(e))},3L:9(e){h t=c;t.$K.z({T:e})},1r:9(e,t){h n=c;n.29=b;n.$K.X(j,j).4b({T:e},{54:t||n.6.1m,3M:9(){n.29=j}})},4E:9(){h e=c,r="1i(C, C, C)",i=n.56("L"),s,o,u,a;i.2w.3O=" -1W-P:"+r+"; -1z-P:"+r+"; -o-P:"+r+"; -1G-P:"+r+"; P:"+r;s=/1i\\(C, C, C\\)/g;o=i.2w.3O.5i(s);u=o!==14&&o.N===1;a="5z"38 t||t.5Q.4P;e.F={1x:u,15:a}},4q:9(){h e=c;7(e.6.27!==b||e.6.1U!==b){e.3Q();e.3R()}},4C:9(){h e=c,t=["s","e","x"];e.16={};7(e.6.27===j&&e.6.1U===j){t=["2X.d 21.d","2N.d 3U.d","2n.d 3V.d 28.d"]}l 7(e.6.27===b&&e.6.1U===j){t=["2X.d","2N.d","2n.d 3V.d"]}l 7(e.6.27===j&&e.6.1U===b){t=["21.d","3U.d","28.d"]}e.16.3W=t[0];e.16.2K=t[1];e.16.2J=t[2]},3R:9(){h t=c;t.$k.w("5y.d",9(e){e.1l()});t.$k.w("21.3X",9(t){p e(t.1d).2m("5C, 5E, 5F, 5N")})},3Q:9(){9 s(e){7(e.2b!==W){p{x:e.2b[0].2c,y:e.2b[0].41}}7(e.2b===W){7(e.2c!==W){p{x:e.2c,y:e.41}}7(e.2c===W){p{x:e.52,y:e.53}}}}9 o(t){7(t==="w"){e(n).w(r.16.2K,a);e(n).w(r.16.2J,f)}l 7(t==="Q"){e(n).Q(r.16.2K);e(n).Q(r.16.2J)}}9 u(n){h u=n.3h||n||t.3g,a;7(u.5a===3){p b}7(r.E<=r.6.q){p}7(r.29===b&&!r.6.3f){p b}7(r.1T===b&&!r.6.3f){p b}7(r.6.O!==b){t.18(r.1C)}7(r.F.15!==j&&!r.$K.1I("3b")){r.$K.I("3b")}r.11=0;r.Y=0;e(c).z(r.3H());a=e(c).2h();i.2S=a.T;i.2R=s(u).x-a.T;i.2P=s(u).y-a.5o;o("w");i.2j=b;i.2L=u.1d||u.4c}9 a(o){h u=o.3h||o||t.3g,a,f;r.11=s(u).x-i.2R;r.2I=s(u).y-i.2P;r.Y=r.11-i.2S;7(A r.6.2E==="9"&&i.3C!==j&&r.Y!==0){i.3C=j;r.6.2E.R(r,[r.$k])}7((r.Y>8||r.Y<-8)&&r.F.15===j){7(u.1l!==W){u.1l()}l{u.5L=b}i.2j=j}7((r.2I>10||r.2I<-10)&&i.2j===b){e(n).Q("2N.d")}a=9(){p r.Y/5};f=9(){p r.3z+r.Y/5};r.11=1F.3v(1F.3Y(r.11,a()),f());7(r.F.1x===j){r.1L(r.11)}l{r.3L(r.11)}}9 f(n){h s=n.3h||n||t.3g,u,a,f;s.1d=s.1d||s.4c;i.3C=b;7(r.F.15!==j){r.$K.Z("3b")}7(r.Y<0){r.1y=r.d.1y="T"}l{r.1y=r.d.1y="3i"}7(r.Y!==0){u=r.4j();r.1g(u,b,"4e");7(i.2L===s.1d&&r.F.15!==j){e(s.1d).w("3a.4k",9(t){t.4S();t.4T();t.1l();e(t.1d).Q("3a.4k")});a=e.4N(s.1d,"4V").3a;f=a.4W();a.4X(0,0,f)}}o("Q")}h r=c,i={2R:0,2P:0,4Y:0,2S:0,2h:14,4Z:14,50:14,2j:14,51:14,2L:14};r.29=j;r.$k.w(r.16.3W,".d-1p",u)},4j:9(){h e=c,t=e.4m();7(t>e.D){e.m=e.D;t=e.D}l 7(e.11>=0){t=0;e.m=0}p t},4m:9(){h t=c,n=t.6.12===j?t.3E:t.J,r=t.11,i=14;e.2f(n,9(s,o){7(r-t.M/20>n[s+1]&&r-t.M/20<o&&t.34()==="T"){i=o;7(t.6.12===j){t.m=e.4p(i,t.J)}l{t.m=s}}l 7(r+t.M/20<o&&r+t.M/20>(n[s+1]||n[s]-t.M)&&t.34()==="3i"){7(t.6.12===j){i=n[s+1]||n[n.N-1];t.m=e.4p(i,t.J)}l{i=n[s+1];t.m=s+1}}});p t.m},34:9(){h e=c,t;7(e.Y<0){t="3i";e.3u="U"}l{t="T";e.3u="1n"}p t},4A:9(){h e=c;e.$k.w("d.U",9(){e.U()});e.$k.w("d.1n",9(){e.1n()});e.$k.w("d.19",9(t,n){e.6.O=n;e.19();e.32="19"});e.$k.w("d.X",9(){e.X();e.32="X"});e.$k.w("d.1g",9(t,n){e.1g(n)});e.$k.w("d.2g",9(t,n){e.2g(n)})},2p:9(){h e=c;7(e.6.2p===j&&e.F.15!==j&&e.6.O!==b){e.$k.w("57",9(){e.X()});e.$k.w("58",9(){7(e.32!=="X"){e.19()}})}},1Z:9(){h t=c,n,r,i,s,o;7(t.6.1Z===b){p b}1A(n=0;n<t.E;n+=1){r=e(t.$G[n]);7(r.v("d-1e")==="1e"){4s}i=r.v("d-1K");s=r.17(".5b");7(A s.v("1J")!=="2Y"){r.v("d-1e","1e");4s}7(r.v("d-1e")===W){s.3K();r.I("4u").v("d-1e","5e")}7(t.6.4v===j){o=i>=t.m}l{o=j}7(o&&i<t.m+t.6.q&&s.N){t.4w(r,s)}}},4w:9(e,n){9 o(){e.v("d-1e","1e").Z("4u");n.5h("v-1J");7(r.6.4x==="4y"){n.5j(5k)}l{n.3J()}7(A r.6.2T==="9"){r.6.2T.R(c,[r.$k])}}9 u(){i+=1;7(r.2Q(n.3l(0))||s===j){o()}l 7(i<=2q){t.1c(u,2q)}l{o()}}h r=c,i=0,s;7(n.5p("5q")==="5r"){n.z("5s-5t","5u("+n.v("1J")+")");s=j}l{n[0].1J=n.v("1J")}u()},1B:9(){9 s(){h r=e(n.$G[n.m]).2G();n.1H.z("2G",r+"V");7(!n.1H.1I("1B")){t.1c(9(){n.1H.I("1B")},0)}}9 o(){i+=1;7(n.2Q(r.3l(0))){s()}l 7(i<=2q){t.1c(o,2q)}l{n.1H.z("2G","")}}h n=c,r=e(n.$G[n.m]).17("5w"),i;7(r.3l(0)!==W){i=0;o()}l{s()}},2Q:9(e){h t;7(!e.3M){p b}t=A e.4D;7(t!=="W"&&e.4D===0){p b}p j},4g:9(){h t=c,n;7(t.6.2F===j){t.$G.Z("2d")}t.1D=[];1A(n=t.m;n<t.m+t.6.q;n+=1){t.1D.2D(n);7(t.6.2F===j){e(t.$G[n]).I("2d")}}t.d.1D=t.1D},4n:9(e){h t=c;t.4G="d-"+e+"-5B";t.4H="d-"+e+"-38"},4l:9(){9 a(e){p{2h:"5D",T:e+"V"}}h e=c,t=e.4G,n=e.4H,r=e.$G.1S(e.m),i=e.$G.1S(e.13),s=1F.4J(e.J[e.m])+e.J[e.13],o=1F.4J(e.J[e.m])+e.M/2,u="5G 5H 5I 5J";e.1E=j;e.$K.I("d-1P").z({"-1G-P-1P":o+"V","-1W-4K-1P":o+"V","4K-1P":o+"V"});i.z(a(s,10)).I(t).w(u,9(){e.3m=j;i.Q(u);e.31(i,t)});r.I(n).w(u,9(){e.36=j;r.Q(u);e.31(r,n)})},31:9(e,t){h n=c;e.z({2h:"",T:""}).Z(t);7(n.3m&&n.36){n.$K.Z("d-1P");n.3m=b;n.36=b;n.1E=b}},4o:9(){h e=c;e.d={2A:e.2A,5P:e.$k,S:e.$S,G:e.$G,m:e.m,13:e.13,1D:e.1D,15:e.F.15,F:e.F,1y:e.1y}},3G:9(){h r=c;r.$k.Q(".d d 21.3X");e(n).Q(".d d");e(t).Q("44",r.3d)},1V:9(){h e=c;7(e.$k.25().N!==0){e.$K.3r();e.$S.3r().3r();7(e.B){e.B.3k()}}e.3G();e.$k.2x("2w",e.$k.v("d-4I")||"").2x("H",e.$k.v("d-4F"))},5T:9(){h e=c;e.X();t.18(e.1X);e.1V();e.$k.5U()},5V:9(t){h n=c,r=e.4M({},n.2A,t);n.1V();n.1N(r,n.$k)},5W:9(e,t){h n=c,r;7(!e){p b}7(n.$k.25().N===0){n.$k.1o(e);n.23();p b}n.1V();7(t===W||t===-1){r=-1}l{r=t}7(r>=n.$S.N||r===-1){n.$S.1S(-1).5X(e)}l{n.$S.1S(r).5Y(e)}n.23()},5Z:9(e){h t=c,n;7(t.$k.25().N===0){p b}7(e===W||e===-1){n=-1}l{n=e}t.1V();t.$S.1S(n).3k();t.23()}};e.37.2B=9(t){p c.2f(9(){7(e(c).v("d-1N")===j){p b}e(c).v("d-1N",j);h n=3c.3q(r);n.1N(t,c);e.v(c,"2B",n)})};e.37.2B.6={q:5,1h:b,1s:[60,4],1O:[61,3],22:[62,2],1Q:b,1R:[63,1],48:b,46:b,1m:2M,1w:64,2v:65,O:b,2p:b,2a:b,2U:["1n","U"],2e:j,12:b,1v:j,39:b,2Z:j,45:2M,47:t,1M:"d-66",2i:"d-2i",1Z:b,4v:j,4x:"4y",1B:b,2O:b,33:b,3f:j,27:j,1U:j,2F:b,2o:b,3B:b,3D:b,2H:b,3s:b,1Y:b,3y:b,3w:b,2E:b,2T:b}})(67,68,69)',62,382,'||||||options|if||function||false|this|owl||||var||true|elem|else|currentItem|||return|items|||||data|on|||css|typeof|owlControls|0px|maximumItem|itemsAmount|browser|owlItems|class|addClass|positionsInArray|owlWrapper|div|itemWidth|length|autoPlay|transform|off|apply|userItems|left|next|px|undefined|stop|newRelativeX|removeClass||newPosX|scrollPerPage|prevItem|null|isTouch|ev_types|find|clearInterval|play|transition|disabled|setTimeout|target|loaded|width|goTo|itemsCustom|translate3d|page|paginationWrapper|preventDefault|slideSpeed|prev|append|wrapper|buttonNext|css2slide|itemsDesktop|swapSpeed|buttonPrev|pagination|paginationSpeed|support3d|dragDirection|ms|for|autoHeight|autoPlayInterval|visibleItems|isTransition|Math|webkit|wrapperOuter|hasClass|src|item|transition3d|baseClass|init|itemsDesktopSmall|origin|itemsTabletSmall|itemsMobile|eq|isCss3Finish|touchDrag|unWrap|moz|checkVisible|beforeMove|lazyLoad||mousedown|itemsTablet|setVars|roundPages|children|prevArr|mouseDrag|mouseup|isCssFinish|navigation|touches|pageX|active|rewindNav|each|jumpTo|position|theme|sliding|rewind|eachMoveUpdate|is|touchend|transitionStyle|stopOnHover|100|afterGo|ease|orignalItems|opacity|rewindSpeed|style|attr|html|addCssSpeed|userOptions|owlCarousel|all|push|startDragging|addClassActive|height|beforeInit|newPosY|end|move|targetElement|200|touchmove|jsonPath|offsetY|completeImg|offsetX|relativePos|afterLazyLoad|navigationText|updateItems|calculateAll|touchstart|string|responsive|updateControls|clearTransStyle|hoverStatus|jsonSuccess|moveDirection|checkPagination|endCurrent|fn|in|paginationNumbers|click|grabbing|Object|resizer|checkNavigation|dragBeforeAnimFinish|event|originalEvent|right|checkAp|remove|get|endPrev|visible|watchVisibility|Number|create|unwrap|afterInit|logIn|playDirection|max|afterAction|updateVars|afterMove|maximumPixels|apStatus|beforeUpdate|dragging|afterUpdate|pagesInArray|reload|clearEvents|removeTransition|doTranslate|show|hide|css2move|complete|span|cssText|updatePagination|gestures|disabledEvents|buildButtons|buildPagination|mousemove|touchcancel|start|disableTextSelect|min|loops|calculateWidth|pageY|appendWrapperSizes|appendItemsSizes|resize|responsiveRefreshRate|itemsScaleUp|responsiveBaseWidth|singleItem|outer|wrap|animate|srcElement|setInterval|drag|updatePosition|onVisibleItems|block|display|getNewPosition|disable|singleItemTransition|closestItem|transitionTypes|owlStatus|inArray|moveEvents|response|continue|buildControls|loading|lazyFollow|lazyPreload|lazyEffect|fade|onStartup|customEvents|wrapItems|eventTypes|naturalWidth|checkBrowser|originalClasses|outClass|inClass|originalStyles|abs|perspective|loadContent|extend|_data|round|msMaxTouchPoints|5e3|text|stopImmediatePropagation|stopPropagation|buttons|events|pop|splice|baseElWidth|minSwipe|maxSwipe|dargging|clientX|clientY|duration|destroyControls|createElement|mouseover|mouseout|numbers|which|lazyOwl|appendTo|clearTimeout|checked|shift|sort|removeAttr|match|fadeIn|400|clickable|toggleClass|wrapAll|top|prop|tagName|DIV|background|image|url|wrapperWidth|img|500|dragstart|ontouchstart|controls|out|input|relative|textarea|select|webkitAnimationEnd|oAnimationEnd|MSAnimationEnd|animationend|getJSON|returnValue|hasOwnProperty|option|onstartup|baseElement|navigator|new|prototype|destroy|removeData|reinit|addItem|after|before|removeItem|1199|979|768|479|800|1e3|carousel|jQuery|window|document'.split('|'),0,{}))
\ No newline at end of file
diff --git a/js/respond.min.js b/js/respond.min.js
new file mode 100755
index 0000000..835b161
--- /dev/null
+++ b/js/respond.min.js
@@ -0,0 +1,6 @@
+/*! Respond.js v1.4.2: min/max-width media query polyfill
+ * Copyright 2014 Scott Jehl
+ * Licensed under MIT
+ * http://j.mp/respondjs */
+
+!function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b<t.length;b++){var c=t[b],e=c.href,f=c.media,g=c.rel&&"stylesheet"===c.rel.toLowerCase();e&&g&&!p[e]&&(c.styleSheet&&c.styleSheet.rawCssText?(w(c.styleSheet.rawCssText,e,f),p[e]=!0):(!/^([a-zA-Z:]*\/\/)/.test(e)&&!s||e.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&("//"===e.substring(0,2)&&(e=a.location.protocol+e),d.push({href:e,media:f})))}x()};y(),c.update=y,c.getEmValue=u,a.addEventListener?a.addEventListener("resize",b,!1):a.attachEvent&&a.attachEvent("onresize",b)}}(this);
\ No newline at end of file
diff --git a/resources/index.html b/resources/index.html
new file mode 100644
index 0000000..67fab35
--- /dev/null
+++ b/resources/index.html
@@ -0,0 +1,332 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Resources</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Resources" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/resources//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Resources logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Resources logo" class="visible-xs visible-sm">
+ <span class="sr-only">Resources - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Resources</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+
+
+ <div class="container">
+
+ <div class="row">
+
+ <div class="col-md-12">
+
+ <div>
+
+
+<h1 id="github-repositories">GitHub Repositories</h1>
+
+<ul>
+<li>Eclipse Kuksa IDE: <a href="https://github.com/eclipse/kuksa.ide">https://github.com/eclipse/kuksa.ide</a></li>
+<li>Eclipse Kuksa Apps: <a href="https://github.com/eclipse/kuksa.apps">https://github.com/eclipse/kuksa.apps</a></li>
+<li>Eclipse Kuksa Cloud: <a href="https://github.com/eclipse/kuksa.cloud">https://github.com/eclipse/kuksa.cloud</a></li>
+<li>Eclipse Kuksa In-Vehicle: <a href="https://github.com/eclipse/kuksa.invehicle">https://github.com/eclipse/kuksa.invehicle</a></li>
+<li>Eclipse Kuksa Integration: <a href="https://github.com/eclipse/kuksa.integration">https://github.com/eclipse/kuksa.integration</a></li>
+<li>Eclipse Kuksa Website: <a href="https://github.com/eclipse/kuksa.website">https://github.com/eclipse/kuksa.website</a></li>
+</ul>
+
+<h1 id="documentations">Documentations</h1>
+
+<ul>
+<li>Eclipse Che Kuksa IDE: <a href="https://gitlab-pages.idial.institute/pedro.cuadrachamorro/kuksa-ide/">https://gitlab-pages.idial.institute/pedro.cuadrachamorro/kuksa-ide/</a></li>
+<li>Rover Docs: <a href="https://app4mc-rover.github.io/rover-docs/">https://app4mc-rover.github.io/rover-docs/</a></li>
+<li>Rover API: <a href="https://app4mc-rover.github.io/rover-app/">https://app4mc-rover.github.io/rover-app/</a></li>
+<li>Rover Telemetry UI <a href="https://github.com/app4mc-rover/rover-telemetry-ui">https://github.com/app4mc-rover/rover-telemetry-ui</a></li>
+<li>Eclipse Kuksa Wiki: <a href="https://wiki.eclipse.org/Kuksa">https://wiki.eclipse.org/Kuksa</a></li>
+</ul>
+
+<h1 id="builds">Builds</h1>
+
+<ul>
+<li>Website Jenkins: <a href="https://jenkins.eclipse.org/kuksa/">https://jenkins.eclipse.org/kuksa/</a></li>
+</ul>
+
+<h1 id="appstacle-deliverables-and-more">APPSTACLE Deliverables and more</h1>
+
+<ul>
+<li>Available at: <a href="https://itea3.org/project/appstacle.html">https://itea3.org/project/appstacle.html</a></li>
+</ul>
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ </div>
+
+
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/sitemap.xml b/sitemap.xml
new file mode 100644
index 0000000..c81254a
--- /dev/null
+++ b/sitemap.xml
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+ xmlns:xhtml="http://www.w3.org/1999/xhtml">
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/about/</loc>
+ <lastmod>2019-02-14T10:08:18+01:00</lastmod>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/resources/</loc>
+ <lastmod>2018-06-29T09:46:31+02:00</lastmod>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/forum/</loc>
+ <lastmod>2018-06-29T09:45:23+02:00</lastmod>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/calendar/</loc>
+ <lastmod>2018-01-30T09:24:09+01:00</lastmod>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/tags/big-data-analytics/</loc>
+ <priority>0</priority>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/categories/</loc>
+ <priority>0</priority>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/tags/changeable-production/</loc>
+ <priority>0</priority>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/use-case/changeableproduction/</loc>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/</loc>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/contact/</loc>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/tags/dashboards/</loc>
+ <priority>0</priority>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/</loc>
+ <lastmod>2019-02-14T10:08:18+01:00</lastmod>
+ <priority>0</priority>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/use-case/newbusinessmodels/</loc>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/use-case/bigdataanalytics/</loc>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/faq/</loc>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/tags/from-office-floor-to-shop-floor/</loc>
+ <priority>0</priority>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/tags/lot-size-1/</loc>
+ <priority>0</priority>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/tags/monitoring/</loc>
+ <priority>0</priority>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/tags/new-business-models/</loc>
+ <priority>0</priority>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/tags/predictive-maintenance/</loc>
+ <priority>0</priority>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/use-case/predictivemaintenance/</loc>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/tags/</loc>
+ <priority>0</priority>
+ </url>
+
+ <url>
+ <loc>https://www.eclipse.org/basyx/use-case/</loc>
+ <priority>0</priority>
+ </url>
+
+</urlset>
\ No newline at end of file
diff --git a/tags/big-data-analytics/index.html b/tags/big-data-analytics/index.html
new file mode 100644
index 0000000..52a0b2d
--- /dev/null
+++ b/tags/big-data-analytics/index.html
@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Big Data Analytics</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Big Data Analytics" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/tags/big-data-analytics//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Big Data Analytics logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Big Data Analytics logo" class="visible-xs visible-sm">
+ <span class="sr-only">Big Data Analytics - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Big Data Analytics</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+ <div class="row">
+
+
+ <div class="col-md-9">
+
+
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/bigdataanalytics/">Enabler Of Big Data Analytics</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Every factory device creates a continuous stream of data. Data analytics can provide valuable insights into production processes: Which variables have impacts on production cost and quality? How can we predict production performance? Where is hidden potential for optimization in my manufacturing processes? Data analytics requires the combination of data from different sources, i.e. production devices, as well as IT servers. The ability of Eclipse BaSyx to structure machine and product data in Asset Administration Shells, enriching both with semantic information, then combining them, is the enabler for big data analysis.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/bigdataanalytics/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/tags/big-data-analytics/index.xml b/tags/big-data-analytics/index.xml
new file mode 100644
index 0000000..a078aa6
--- /dev/null
+++ b/tags/big-data-analytics/index.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Big Data Analytics on Eclipse BaSyx</title>
+ <link>https://www.eclipse.org/basyx/tags/big-data-analytics/</link>
+ <description>Recent content in Big Data Analytics on Eclipse BaSyx</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language>
+
+ <atom:link href="https://www.eclipse.org/basyx/tags/big-data-analytics/index.xml" rel="self" type="application/rss+xml" />
+
+
+ <item>
+ <title>Enabler Of Big Data Analytics</title>
+ <link>https://www.eclipse.org/basyx/use-case/bigdataanalytics/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/bigdataanalytics/</guid>
+ <description>Every factory device creates a continuous stream of data. Data analytics can provide valuable insights into production processes: Which variables have impacts on production cost and quality? How can we predict production performance? Where is hidden potential for optimization in my manufacturing processes? Data analytics requires the combination of data from different sources, i.e. production devices, as well as IT servers. The ability of Eclipse BaSyx to structure machine and product data in Asset Administration Shells, enriching both with semantic information, then combining them, is the enabler for big data analysis.</description>
+ </item>
+
+ </channel>
+</rss>
\ No newline at end of file
diff --git a/tags/big-data-analytics/page/1/index.html b/tags/big-data-analytics/page/1/index.html
new file mode 100644
index 0000000..a90939c
--- /dev/null
+++ b/tags/big-data-analytics/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://www.eclipse.org/basyx/tags/big-data-analytics/</title><link rel="canonical" href="https://www.eclipse.org/basyx/tags/big-data-analytics/"/><meta name="robots" content="noindex"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0; url=https://www.eclipse.org/basyx/tags/big-data-analytics/" /></head></html>
\ No newline at end of file
diff --git a/tags/changeable-production/index.html b/tags/changeable-production/index.html
new file mode 100644
index 0000000..9732c55
--- /dev/null
+++ b/tags/changeable-production/index.html
@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Changeable Production</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Changeable Production" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/tags/changeable-production//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Changeable Production logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Changeable Production logo" class="visible-xs visible-sm">
+ <span class="sr-only">Changeable Production - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Changeable Production</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+ <div class="row">
+
+
+ <div class="col-md-9">
+
+
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/changeableproduction/">Changeable Production To Enable Profitable Lot Size 1</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Current production industry is designed for large lot sizes. Due to the shorter product lifecycles, manufacturing industry needs to shift its focus. Rapidly changing market requirements demand efficient changeable production processes. Furthermore, customers are increasingly attracted to tailored products that yield a much higher value creation than mass-produced goods. A major challenge for process changes is the necessary reprogramming of Programmable Logic Controllers (PLC). PLCs implement automation programs that execute pre-programmed sequences, optionally supporting a pre-defined amount of flexibility.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/changeableproduction/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/tags/changeable-production/index.xml b/tags/changeable-production/index.xml
new file mode 100644
index 0000000..58598c1
--- /dev/null
+++ b/tags/changeable-production/index.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Changeable Production on Eclipse BaSyx</title>
+ <link>https://www.eclipse.org/basyx/tags/changeable-production/</link>
+ <description>Recent content in Changeable Production on Eclipse BaSyx</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language>
+
+ <atom:link href="https://www.eclipse.org/basyx/tags/changeable-production/index.xml" rel="self" type="application/rss+xml" />
+
+
+ <item>
+ <title>Changeable Production To Enable Profitable Lot Size 1</title>
+ <link>https://www.eclipse.org/basyx/use-case/changeableproduction/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/changeableproduction/</guid>
+ <description>Current production industry is designed for large lot sizes. Due to the shorter product lifecycles, manufacturing industry needs to shift its focus. Rapidly changing market requirements demand efficient changeable production processes. Furthermore, customers are increasingly attracted to tailored products that yield a much higher value creation than mass-produced goods. A major challenge for process changes is the necessary reprogramming of Programmable Logic Controllers (PLC). PLCs implement automation programs that execute pre-programmed sequences, optionally supporting a pre-defined amount of flexibility.</description>
+ </item>
+
+ </channel>
+</rss>
\ No newline at end of file
diff --git a/tags/changeable-production/page/1/index.html b/tags/changeable-production/page/1/index.html
new file mode 100644
index 0000000..aa494b1
--- /dev/null
+++ b/tags/changeable-production/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://www.eclipse.org/basyx/tags/changeable-production/</title><link rel="canonical" href="https://www.eclipse.org/basyx/tags/changeable-production/"/><meta name="robots" content="noindex"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0; url=https://www.eclipse.org/basyx/tags/changeable-production/" /></head></html>
\ No newline at end of file
diff --git a/tags/dashboards/index.html b/tags/dashboards/index.html
new file mode 100644
index 0000000..453b641
--- /dev/null
+++ b/tags/dashboards/index.html
@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Dashboards</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Dashboards" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/tags/dashboards//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Dashboards logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Dashboards logo" class="visible-xs visible-sm">
+ <span class="sr-only">Dashboards - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Dashboards</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+ <div class="row">
+
+
+ <div class="col-md-9">
+
+
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/">Connecting IT And Production Devices On The Shop-Floor</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Walking around the shop-floor to manually query machine states is inefficient and prevents operators from efficiently obtaining a holistic view on the complete production process. Streaming of live production data to IT on the office-floor remains a challenge that prevents efficient monitoring and understanding of production processes. The BaSyx Virtual Automation Bus (VAB) enables machine to machine communication across the layers of the automation pyramid; shop-floor devices can directly interact with enterprise resource planning (ERP) systems, even if they use different protocols.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/tags/dashboards/index.xml b/tags/dashboards/index.xml
new file mode 100644
index 0000000..a15a177
--- /dev/null
+++ b/tags/dashboards/index.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Dashboards on Eclipse BaSyx</title>
+ <link>https://www.eclipse.org/basyx/tags/dashboards/</link>
+ <description>Recent content in Dashboards on Eclipse BaSyx</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language>
+
+ <atom:link href="https://www.eclipse.org/basyx/tags/dashboards/index.xml" rel="self" type="application/rss+xml" />
+
+
+ <item>
+ <title>Connecting IT And Production Devices On The Shop-Floor</title>
+ <link>https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/</guid>
+ <description>Walking around the shop-floor to manually query machine states is inefficient and prevents operators from efficiently obtaining a holistic view on the complete production process. Streaming of live production data to IT on the office-floor remains a challenge that prevents efficient monitoring and understanding of production processes. The BaSyx Virtual Automation Bus (VAB) enables machine to machine communication across the layers of the automation pyramid; shop-floor devices can directly interact with enterprise resource planning (ERP) systems, even if they use different protocols.</description>
+ </item>
+
+ </channel>
+</rss>
\ No newline at end of file
diff --git a/tags/dashboards/page/1/index.html b/tags/dashboards/page/1/index.html
new file mode 100644
index 0000000..4c3d570
--- /dev/null
+++ b/tags/dashboards/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://www.eclipse.org/basyx/tags/dashboards/</title><link rel="canonical" href="https://www.eclipse.org/basyx/tags/dashboards/"/><meta name="robots" content="noindex"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0; url=https://www.eclipse.org/basyx/tags/dashboards/" /></head></html>
\ No newline at end of file
diff --git a/tags/from-office-floor-to-shop-floor/index.html b/tags/from-office-floor-to-shop-floor/index.html
new file mode 100644
index 0000000..b36f8b7
--- /dev/null
+++ b/tags/from-office-floor-to-shop-floor/index.html
@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>From Office Floor to Shop Floor</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="From Office Floor to Shop Floor" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/tags/from-office-floor-to-shop-floor//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="From Office Floor to Shop Floor logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="From Office Floor to Shop Floor logo" class="visible-xs visible-sm">
+ <span class="sr-only">From Office Floor to Shop Floor - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>From Office Floor to Shop Floor</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+ <div class="row">
+
+
+ <div class="col-md-9">
+
+
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/">Connecting IT And Production Devices On The Shop-Floor</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Walking around the shop-floor to manually query machine states is inefficient and prevents operators from efficiently obtaining a holistic view on the complete production process. Streaming of live production data to IT on the office-floor remains a challenge that prevents efficient monitoring and understanding of production processes. The BaSyx Virtual Automation Bus (VAB) enables machine to machine communication across the layers of the automation pyramid; shop-floor devices can directly interact with enterprise resource planning (ERP) systems, even if they use different protocols.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/tags/from-office-floor-to-shop-floor/index.xml b/tags/from-office-floor-to-shop-floor/index.xml
new file mode 100644
index 0000000..c341bf8
--- /dev/null
+++ b/tags/from-office-floor-to-shop-floor/index.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>From Office Floor to Shop Floor on Eclipse BaSyx</title>
+ <link>https://www.eclipse.org/basyx/tags/from-office-floor-to-shop-floor/</link>
+ <description>Recent content in From Office Floor to Shop Floor on Eclipse BaSyx</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language>
+
+ <atom:link href="https://www.eclipse.org/basyx/tags/from-office-floor-to-shop-floor/index.xml" rel="self" type="application/rss+xml" />
+
+
+ <item>
+ <title>Connecting IT And Production Devices On The Shop-Floor</title>
+ <link>https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/</guid>
+ <description>Walking around the shop-floor to manually query machine states is inefficient and prevents operators from efficiently obtaining a holistic view on the complete production process. Streaming of live production data to IT on the office-floor remains a challenge that prevents efficient monitoring and understanding of production processes. The BaSyx Virtual Automation Bus (VAB) enables machine to machine communication across the layers of the automation pyramid; shop-floor devices can directly interact with enterprise resource planning (ERP) systems, even if they use different protocols.</description>
+ </item>
+
+ </channel>
+</rss>
\ No newline at end of file
diff --git a/tags/from-office-floor-to-shop-floor/page/1/index.html b/tags/from-office-floor-to-shop-floor/page/1/index.html
new file mode 100644
index 0000000..e1066fe
--- /dev/null
+++ b/tags/from-office-floor-to-shop-floor/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://www.eclipse.org/basyx/tags/from-office-floor-to-shop-floor/</title><link rel="canonical" href="https://www.eclipse.org/basyx/tags/from-office-floor-to-shop-floor/"/><meta name="robots" content="noindex"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0; url=https://www.eclipse.org/basyx/tags/from-office-floor-to-shop-floor/" /></head></html>
\ No newline at end of file
diff --git a/tags/index.html b/tags/index.html
new file mode 100644
index 0000000..ae7989f
--- /dev/null
+++ b/tags/index.html
@@ -0,0 +1,332 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Tags</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Tags" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/tags//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Tags logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Tags logo" class="visible-xs visible-sm">
+ <span class="sr-only">Tags - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Tags</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+ <div class="row">
+
+
+ <div class="col-md-9">
+
+
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/tags/index.xml b/tags/index.xml
new file mode 100644
index 0000000..73daeaf
--- /dev/null
+++ b/tags/index.xml
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Tags on Eclipse BaSyx</title>
+ <link>https://www.eclipse.org/basyx/tags/</link>
+ <description>Recent content in Tags on Eclipse BaSyx</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language>
+
+ <atom:link href="https://www.eclipse.org/basyx/tags/index.xml" rel="self" type="application/rss+xml" />
+
+
+ <item>
+ <title>Big Data Analytics</title>
+ <link>https://www.eclipse.org/basyx/tags/big-data-analytics/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/tags/big-data-analytics/</guid>
+ <description></description>
+ </item>
+
+ <item>
+ <title>Changeable Production</title>
+ <link>https://www.eclipse.org/basyx/tags/changeable-production/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/tags/changeable-production/</guid>
+ <description></description>
+ </item>
+
+ <item>
+ <title>Dashboards</title>
+ <link>https://www.eclipse.org/basyx/tags/dashboards/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/tags/dashboards/</guid>
+ <description></description>
+ </item>
+
+ <item>
+ <title>From Office Floor to Shop Floor</title>
+ <link>https://www.eclipse.org/basyx/tags/from-office-floor-to-shop-floor/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/tags/from-office-floor-to-shop-floor/</guid>
+ <description></description>
+ </item>
+
+ <item>
+ <title>Lot Size 1</title>
+ <link>https://www.eclipse.org/basyx/tags/lot-size-1/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/tags/lot-size-1/</guid>
+ <description></description>
+ </item>
+
+ <item>
+ <title>Monitoring</title>
+ <link>https://www.eclipse.org/basyx/tags/monitoring/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/tags/monitoring/</guid>
+ <description></description>
+ </item>
+
+ <item>
+ <title>New Business Models</title>
+ <link>https://www.eclipse.org/basyx/tags/new-business-models/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/tags/new-business-models/</guid>
+ <description></description>
+ </item>
+
+ <item>
+ <title>Predictive Maintenance</title>
+ <link>https://www.eclipse.org/basyx/tags/predictive-maintenance/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/tags/predictive-maintenance/</guid>
+ <description></description>
+ </item>
+
+ </channel>
+</rss>
\ No newline at end of file
diff --git a/tags/lot-size-1/index.html b/tags/lot-size-1/index.html
new file mode 100644
index 0000000..83a7870
--- /dev/null
+++ b/tags/lot-size-1/index.html
@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Lot Size 1</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Lot Size 1" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/tags/lot-size-1//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Lot Size 1 logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Lot Size 1 logo" class="visible-xs visible-sm">
+ <span class="sr-only">Lot Size 1 - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Lot Size 1</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+ <div class="row">
+
+
+ <div class="col-md-9">
+
+
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/changeableproduction/">Changeable Production To Enable Profitable Lot Size 1</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Current production industry is designed for large lot sizes. Due to the shorter product lifecycles, manufacturing industry needs to shift its focus. Rapidly changing market requirements demand efficient changeable production processes. Furthermore, customers are increasingly attracted to tailored products that yield a much higher value creation than mass-produced goods. A major challenge for process changes is the necessary reprogramming of Programmable Logic Controllers (PLC). PLCs implement automation programs that execute pre-programmed sequences, optionally supporting a pre-defined amount of flexibility.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/changeableproduction/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/tags/lot-size-1/index.xml b/tags/lot-size-1/index.xml
new file mode 100644
index 0000000..433b725
--- /dev/null
+++ b/tags/lot-size-1/index.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Lot Size 1 on Eclipse BaSyx</title>
+ <link>https://www.eclipse.org/basyx/tags/lot-size-1/</link>
+ <description>Recent content in Lot Size 1 on Eclipse BaSyx</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language>
+
+ <atom:link href="https://www.eclipse.org/basyx/tags/lot-size-1/index.xml" rel="self" type="application/rss+xml" />
+
+
+ <item>
+ <title>Changeable Production To Enable Profitable Lot Size 1</title>
+ <link>https://www.eclipse.org/basyx/use-case/changeableproduction/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/changeableproduction/</guid>
+ <description>Current production industry is designed for large lot sizes. Due to the shorter product lifecycles, manufacturing industry needs to shift its focus. Rapidly changing market requirements demand efficient changeable production processes. Furthermore, customers are increasingly attracted to tailored products that yield a much higher value creation than mass-produced goods. A major challenge for process changes is the necessary reprogramming of Programmable Logic Controllers (PLC). PLCs implement automation programs that execute pre-programmed sequences, optionally supporting a pre-defined amount of flexibility.</description>
+ </item>
+
+ </channel>
+</rss>
\ No newline at end of file
diff --git a/tags/lot-size-1/page/1/index.html b/tags/lot-size-1/page/1/index.html
new file mode 100644
index 0000000..6e3c354
--- /dev/null
+++ b/tags/lot-size-1/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://www.eclipse.org/basyx/tags/lot-size-1/</title><link rel="canonical" href="https://www.eclipse.org/basyx/tags/lot-size-1/"/><meta name="robots" content="noindex"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0; url=https://www.eclipse.org/basyx/tags/lot-size-1/" /></head></html>
\ No newline at end of file
diff --git a/tags/monitoring/index.html b/tags/monitoring/index.html
new file mode 100644
index 0000000..203f848
--- /dev/null
+++ b/tags/monitoring/index.html
@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Monitoring</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Monitoring" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/tags/monitoring//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Monitoring logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Monitoring logo" class="visible-xs visible-sm">
+ <span class="sr-only">Monitoring - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Monitoring</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+ <div class="row">
+
+
+ <div class="col-md-9">
+
+
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/">Connecting IT And Production Devices On The Shop-Floor</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Walking around the shop-floor to manually query machine states is inefficient and prevents operators from efficiently obtaining a holistic view on the complete production process. Streaming of live production data to IT on the office-floor remains a challenge that prevents efficient monitoring and understanding of production processes. The BaSyx Virtual Automation Bus (VAB) enables machine to machine communication across the layers of the automation pyramid; shop-floor devices can directly interact with enterprise resource planning (ERP) systems, even if they use different protocols.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/tags/monitoring/index.xml b/tags/monitoring/index.xml
new file mode 100644
index 0000000..a0cc356
--- /dev/null
+++ b/tags/monitoring/index.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Monitoring on Eclipse BaSyx</title>
+ <link>https://www.eclipse.org/basyx/tags/monitoring/</link>
+ <description>Recent content in Monitoring on Eclipse BaSyx</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language>
+
+ <atom:link href="https://www.eclipse.org/basyx/tags/monitoring/index.xml" rel="self" type="application/rss+xml" />
+
+
+ <item>
+ <title>Connecting IT And Production Devices On The Shop-Floor</title>
+ <link>https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/</guid>
+ <description>Walking around the shop-floor to manually query machine states is inefficient and prevents operators from efficiently obtaining a holistic view on the complete production process. Streaming of live production data to IT on the office-floor remains a challenge that prevents efficient monitoring and understanding of production processes. The BaSyx Virtual Automation Bus (VAB) enables machine to machine communication across the layers of the automation pyramid; shop-floor devices can directly interact with enterprise resource planning (ERP) systems, even if they use different protocols.</description>
+ </item>
+
+ </channel>
+</rss>
\ No newline at end of file
diff --git a/tags/monitoring/page/1/index.html b/tags/monitoring/page/1/index.html
new file mode 100644
index 0000000..7c394f1
--- /dev/null
+++ b/tags/monitoring/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://www.eclipse.org/basyx/tags/monitoring/</title><link rel="canonical" href="https://www.eclipse.org/basyx/tags/monitoring/"/><meta name="robots" content="noindex"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0; url=https://www.eclipse.org/basyx/tags/monitoring/" /></head></html>
\ No newline at end of file
diff --git a/tags/new-business-models/index.html b/tags/new-business-models/index.html
new file mode 100644
index 0000000..72c71da
--- /dev/null
+++ b/tags/new-business-models/index.html
@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>New Business Models</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="New Business Models" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/tags/new-business-models//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="New Business Models logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="New Business Models logo" class="visible-xs visible-sm">
+ <span class="sr-only">New Business Models - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>New Business Models</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+ <div class="row">
+
+
+ <div class="col-md-9">
+
+
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/newbusinessmodels/">Enabler For New Business Models</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Industrie 4.0 is about more efficient mass-production processes, and mass-customization, the efficient and inexpensive production of small lot sizes. Industrie 4.0 is also the end-to-end digitalization of manufacturing and enables new business models. The following exemplary Industrie 4.0 business models can be implemented with Eclipse BaSyx. Data BrokeringData produced in manufacturing processes is extremely valuable for equipment manufacturers and other third-party businesses since it enables prediction and optimization of manufacturing processes and product quality.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/newbusinessmodels/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/tags/new-business-models/index.xml b/tags/new-business-models/index.xml
new file mode 100644
index 0000000..2e32632
--- /dev/null
+++ b/tags/new-business-models/index.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>New Business Models on Eclipse BaSyx</title>
+ <link>https://www.eclipse.org/basyx/tags/new-business-models/</link>
+ <description>Recent content in New Business Models on Eclipse BaSyx</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language>
+
+ <atom:link href="https://www.eclipse.org/basyx/tags/new-business-models/index.xml" rel="self" type="application/rss+xml" />
+
+
+ <item>
+ <title>Enabler For New Business Models</title>
+ <link>https://www.eclipse.org/basyx/use-case/newbusinessmodels/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/newbusinessmodels/</guid>
+ <description>Industrie 4.0 is about more efficient mass-production processes, and mass-customization, the efficient and inexpensive production of small lot sizes. Industrie 4.0 is also the end-to-end digitalization of manufacturing and enables new business models. The following exemplary Industrie 4.0 business models can be implemented with Eclipse BaSyx. Data BrokeringData produced in manufacturing processes is extremely valuable for equipment manufacturers and other third-party businesses since it enables prediction and optimization of manufacturing processes and product quality.</description>
+ </item>
+
+ </channel>
+</rss>
\ No newline at end of file
diff --git a/tags/new-business-models/page/1/index.html b/tags/new-business-models/page/1/index.html
new file mode 100644
index 0000000..64a4ff3
--- /dev/null
+++ b/tags/new-business-models/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://www.eclipse.org/basyx/tags/new-business-models/</title><link rel="canonical" href="https://www.eclipse.org/basyx/tags/new-business-models/"/><meta name="robots" content="noindex"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0; url=https://www.eclipse.org/basyx/tags/new-business-models/" /></head></html>
\ No newline at end of file
diff --git a/tags/page/1/index.html b/tags/page/1/index.html
new file mode 100644
index 0000000..4650b29
--- /dev/null
+++ b/tags/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://www.eclipse.org/basyx/tags/</title><link rel="canonical" href="https://www.eclipse.org/basyx/tags/"/><meta name="robots" content="noindex"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0; url=https://www.eclipse.org/basyx/tags/" /></head></html>
\ No newline at end of file
diff --git a/tags/predictive-maintenance/index.html b/tags/predictive-maintenance/index.html
new file mode 100644
index 0000000..ea0b65c
--- /dev/null
+++ b/tags/predictive-maintenance/index.html
@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Predictive Maintenance</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Predictive Maintenance" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/tags/predictive-maintenance//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Predictive Maintenance logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Predictive Maintenance logo" class="visible-xs visible-sm">
+ <span class="sr-only">Predictive Maintenance - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Predictive Maintenance</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+ <div class="row">
+
+
+ <div class="col-md-9">
+
+
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/predictivemaintenance/">Predictive Maintenance</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Repairing a device once it’s ‘broken’ can lead to unpredictable and expensive downtime. Scheduled maintenance improves the situation, but a static maintenance schedule can cause unnecessary interruptions. In the worst case, required parts need to be ordered, extending downtimes significantly. Predictive maintenance solves these issues: Combining live sensor data and past experience enables prediction of necessary maintenance activities and schedules. Production processes can then be adapted to synchronize and integrate maintenance activities with the least possible impact.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/predictivemaintenance/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/tags/predictive-maintenance/index.xml b/tags/predictive-maintenance/index.xml
new file mode 100644
index 0000000..ef46965
--- /dev/null
+++ b/tags/predictive-maintenance/index.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Predictive Maintenance on Eclipse BaSyx</title>
+ <link>https://www.eclipse.org/basyx/tags/predictive-maintenance/</link>
+ <description>Recent content in Predictive Maintenance on Eclipse BaSyx</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language>
+
+ <atom:link href="https://www.eclipse.org/basyx/tags/predictive-maintenance/index.xml" rel="self" type="application/rss+xml" />
+
+
+ <item>
+ <title>Predictive Maintenance</title>
+ <link>https://www.eclipse.org/basyx/use-case/predictivemaintenance/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/predictivemaintenance/</guid>
+ <description>Repairing a device once it’s ‘broken’ can lead to unpredictable and expensive downtime. Scheduled maintenance improves the situation, but a static maintenance schedule can cause unnecessary interruptions. In the worst case, required parts need to be ordered, extending downtimes significantly. Predictive maintenance solves these issues: Combining live sensor data and past experience enables prediction of necessary maintenance activities and schedules. Production processes can then be adapted to synchronize and integrate maintenance activities with the least possible impact.</description>
+ </item>
+
+ </channel>
+</rss>
\ No newline at end of file
diff --git a/tags/predictive-maintenance/page/1/index.html b/tags/predictive-maintenance/page/1/index.html
new file mode 100644
index 0000000..96e8198
--- /dev/null
+++ b/tags/predictive-maintenance/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://www.eclipse.org/basyx/tags/predictive-maintenance/</title><link rel="canonical" href="https://www.eclipse.org/basyx/tags/predictive-maintenance/"/><meta name="robots" content="noindex"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0; url=https://www.eclipse.org/basyx/tags/predictive-maintenance/" /></head></html>
\ No newline at end of file
diff --git a/use case/images/BigDataAnalytics.jpg b/use case/images/BigDataAnalytics.jpg
new file mode 100644
index 0000000..d9e25ea
--- /dev/null
+++ b/use case/images/BigDataAnalytics.jpg
Binary files differ
diff --git a/use case/images/ChangableProduction.jpg b/use case/images/ChangableProduction.jpg
new file mode 100644
index 0000000..8425bd8
--- /dev/null
+++ b/use case/images/ChangableProduction.jpg
Binary files differ
diff --git a/use case/images/ConnectingITandDevices.jpg b/use case/images/ConnectingITandDevices.jpg
new file mode 100644
index 0000000..6f5c07a
--- /dev/null
+++ b/use case/images/ConnectingITandDevices.jpg
Binary files differ
diff --git a/use case/images/NewBusinessModels.jpg b/use case/images/NewBusinessModels.jpg
new file mode 100644
index 0000000..172a4fa
--- /dev/null
+++ b/use case/images/NewBusinessModels.jpg
Binary files differ
diff --git a/use case/images/PredictiveMaintenance.jpg b/use case/images/PredictiveMaintenance.jpg
new file mode 100644
index 0000000..413eab7
--- /dev/null
+++ b/use case/images/PredictiveMaintenance.jpg
Binary files differ
diff --git a/use-case/bigdataanalytics/index.html b/use-case/bigdataanalytics/index.html
new file mode 100644
index 0000000..09bc8b4
--- /dev/null
+++ b/use-case/bigdataanalytics/index.html
@@ -0,0 +1,357 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Enabler Of Big Data Analytics</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Enabler Of Big Data Analytics" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/use-case/bigdataanalytics//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Enabler Of Big Data Analytics logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Enabler Of Big Data Analytics logo" class="visible-xs visible-sm">
+ <span class="sr-only">Enabler Of Big Data Analytics - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Enabler Of Big Data Analytics</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+
+ <div class="row">
+
+
+
+ <div class="col-md-9" id="blog-post">
+
+
+ <p class="text-muted text-uppercase mb-small text-right"></p>
+
+ <div id="post-content">
+ <p><p class="lead">
+Every factory device creates a continuous stream of data. Data analytics can provide valuable insights into production processes:
+<ul class="lead">
+ <li>Which variables have impacts on production cost and quality?</li>
+ <li>How can we predict production performance?</li>
+ <li>Where is hidden potential for optimization in my manufacturing processes?</li>
+</ul>
+<p/>
+<p class="lead">
+Data analytics requires the combination of data from different sources, i.e. production devices, as well as IT servers. The ability of Eclipse BaSyx to structure machine and product data in Asset Administration Shells, enriching both with semantic information, then combining them, is the enabler for big data analysis. System architects can freely choose which cloud optionally preprocessed data is transferred. This ensures that data ownership remains with product and machine owners.
+<p/>
+<p style="text-align:center;">
+ <a href="/basyx/use case/images/BigDataAnalytics.jpg">
+ <img style="border:1px solid black" src="/basyx/use case/images/BigDataAnalytics.jpg" border="2" width="100%" alt=""/>
+ </a>
+</p>
+</br></br></p>
+
+ </div>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/use-case/changeableproduction/index.html b/use-case/changeableproduction/index.html
new file mode 100644
index 0000000..577709b
--- /dev/null
+++ b/use-case/changeableproduction/index.html
@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Changeable Production To Enable Profitable Lot Size 1</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Changeable Production To Enable Profitable Lot Size 1" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/use-case/changeableproduction//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Changeable Production To Enable Profitable Lot Size 1 logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Changeable Production To Enable Profitable Lot Size 1 logo" class="visible-xs visible-sm">
+ <span class="sr-only">Changeable Production To Enable Profitable Lot Size 1 - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Changeable Production To Enable Profitable Lot Size 1</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+
+ <div class="row">
+
+
+
+ <div class="col-md-9" id="blog-post">
+
+
+ <p class="text-muted text-uppercase mb-small text-right"></p>
+
+ <div id="post-content">
+ <p><p class="lead">
+Current production industry is designed for large lot sizes. Due to the shorter product lifecycles, manufacturing industry needs to shift its focus. Rapidly changing market requirements demand efficient changeable production processes. Furthermore, customers are increasingly attracted to tailored products that yield a much higher value creation than mass-produced goods. A major challenge for process changes is the necessary reprogramming of Programmable Logic Controllers (PLC). PLCs implement automation programs that execute pre-programmed sequences, optionally supporting a pre-defined amount of flexibility. The lack of a defined process model causes side-effects when PLC programs are changed, causing expensive down times for testing and fixing.
+<p/>
+<p class="lead">
+Eclipse BaSyx introduces service oriented programming for devices. PLC controllers implement real-time production services, an orchestrator controls service invocation, e.g. based on a recipe. This explicit process modeling enables rapid changes and removes side effects. BaSyx introduces the required interoperability and abstraction with the concept of the Asset Administration Shell and service interfaces. Through the standardization inherent in the Asset Administration Shell, devices may be replaced by another device with equal service interfaces, without having to change the plant application.
+<p/>
+<p style="text-align:center;">
+ <a href="/basyx/use case/images/ChangableProduction.jpg">
+ <img style="border:1px solid black" src="/basyx/use case/images/ChangableProduction.jpg" border="2" width="100%" alt=""/>
+ </a>
+</p>
+</br></br></p>
+
+ </div>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/use-case/connectingitwithproductiondevices/index.html b/use-case/connectingitwithproductiondevices/index.html
new file mode 100644
index 0000000..0a74e22
--- /dev/null
+++ b/use-case/connectingitwithproductiondevices/index.html
@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Connecting IT And Production Devices On The Shop-Floor</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Connecting IT And Production Devices On The Shop-Floor" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/use-case/connectingitwithproductiondevices//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Connecting IT And Production Devices On The Shop-Floor logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Connecting IT And Production Devices On The Shop-Floor logo" class="visible-xs visible-sm">
+ <span class="sr-only">Connecting IT And Production Devices On The Shop-Floor - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Connecting IT And Production Devices On The Shop-Floor</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+
+ <div class="row">
+
+
+
+ <div class="col-md-9" id="blog-post">
+
+
+ <p class="text-muted text-uppercase mb-small text-right"></p>
+
+ <div id="post-content">
+ <p><p class="lead">
+Walking around the shop-floor to manually query machine states is inefficient and prevents operators from efficiently obtaining a holistic view on the complete production process. Streaming of live production data to IT on the office-floor remains a challenge that prevents efficient monitoring and understanding of production processes.
+<p/>
+<p class="lead">
+The BaSyx Virtual Automation Bus (VAB) enables machine to machine communication across the layers of the automation pyramid; shop-floor devices can directly interact with enterprise resource planning (ERP) systems, even if they use different protocols. Dashboards show focused process views and enable live monitoring of products and production processes. They enable workers and operators to monitor production processes, understand them, evaluate potential optimization, and to understand the impact of every production station on organizational success. Customers may access live production data to monitor the progress of their orders. Logistics may be dispatched on the spot to save storage space.
+<p/>
+<p style="text-align:center;">
+ <a href="/basyx/use case/images/ConnectingITandDevices.jpg">
+ <img style="border:1px solid black" src="/basyx/use case/images/ConnectingITandDevices.jpg" border="2" width="100%" alt=""/>
+ </a>
+</p>
+</br></br></p>
+
+ </div>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/use-case/index.html b/use-case/index.html
new file mode 100644
index 0000000..1e2419a
--- /dev/null
+++ b/use-case/index.html
@@ -0,0 +1,432 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Use cases</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Use cases" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/use-case//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Use cases logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Use cases logo" class="visible-xs visible-sm">
+ <span class="sr-only">Use cases - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Use cases</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+ <div class="row">
+
+
+ <div class="col-md-9">
+
+
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/changeableproduction/">Changeable Production To Enable Profitable Lot Size 1</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Current production industry is designed for large lot sizes. Due to the shorter product lifecycles, manufacturing industry needs to shift its focus. Rapidly changing market requirements demand efficient changeable production processes. Furthermore, customers are increasingly attracted to tailored products that yield a much higher value creation than mass-produced goods. A major challenge for process changes is the necessary reprogramming of Programmable Logic Controllers (PLC). PLCs implement automation programs that execute pre-programmed sequences, optionally supporting a pre-defined amount of flexibility.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/changeableproduction/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/">Connecting IT And Production Devices On The Shop-Floor</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Walking around the shop-floor to manually query machine states is inefficient and prevents operators from efficiently obtaining a holistic view on the complete production process. Streaming of live production data to IT on the office-floor remains a challenge that prevents efficient monitoring and understanding of production processes. The BaSyx Virtual Automation Bus (VAB) enables machine to machine communication across the layers of the automation pyramid; shop-floor devices can directly interact with enterprise resource planning (ERP) systems, even if they use different protocols.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/newbusinessmodels/">Enabler For New Business Models</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Industrie 4.0 is about more efficient mass-production processes, and mass-customization, the efficient and inexpensive production of small lot sizes. Industrie 4.0 is also the end-to-end digitalization of manufacturing and enables new business models. The following exemplary Industrie 4.0 business models can be implemented with Eclipse BaSyx. Data BrokeringData produced in manufacturing processes is extremely valuable for equipment manufacturers and other third-party businesses since it enables prediction and optimization of manufacturing processes and product quality.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/newbusinessmodels/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/bigdataanalytics/">Enabler Of Big Data Analytics</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Every factory device creates a continuous stream of data. Data analytics can provide valuable insights into production processes: Which variables have impacts on production cost and quality? How can we predict production performance? Where is hidden potential for optimization in my manufacturing processes? Data analytics requires the combination of data from different sources, i.e. production devices, as well as IT servers. The ability of Eclipse BaSyx to structure machine and product data in Asset Administration Shells, enriching both with semantic information, then combining them, is the enabler for big data analysis.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/bigdataanalytics/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+ <section class="post">
+ <div class="row">
+
+ <div class="col-md-8">
+ <h2><a href="https://www.eclipse.org/basyx/use-case/predictivemaintenance/">Predictive Maintenance</a></h2>
+ <div class="clearfix">
+ <p class="author-category">
+
+
+
+ </p>
+
+ </div>
+ <p class="intro">Repairing a device once it’s ‘broken’ can lead to unpredictable and expensive downtime. Scheduled maintenance improves the situation, but a static maintenance schedule can cause unnecessary interruptions. In the worst case, required parts need to be ordered, extending downtimes significantly. Predictive maintenance solves these issues: Combining live sensor data and past experience enables prediction of necessary maintenance activities and schedules. Production processes can then be adapted to synchronize and integrate maintenance activities with the least possible impact.</p>
+ <p class="read-more"><a href="https://www.eclipse.org/basyx/use-case/predictivemaintenance/" class="btn btn-template-main">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ </section>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/use-case/index.xml b/use-case/index.xml
new file mode 100644
index 0000000..d24baed
--- /dev/null
+++ b/use-case/index.xml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Use cases on Eclipse BaSyx</title>
+ <link>https://www.eclipse.org/basyx/use-case/</link>
+ <description>Recent content in Use cases on Eclipse BaSyx</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language>
+
+ <atom:link href="https://www.eclipse.org/basyx/use-case/index.xml" rel="self" type="application/rss+xml" />
+
+
+ <item>
+ <title>Changeable Production To Enable Profitable Lot Size 1</title>
+ <link>https://www.eclipse.org/basyx/use-case/changeableproduction/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/changeableproduction/</guid>
+ <description>Current production industry is designed for large lot sizes. Due to the shorter product lifecycles, manufacturing industry needs to shift its focus. Rapidly changing market requirements demand efficient changeable production processes. Furthermore, customers are increasingly attracted to tailored products that yield a much higher value creation than mass-produced goods. A major challenge for process changes is the necessary reprogramming of Programmable Logic Controllers (PLC). PLCs implement automation programs that execute pre-programmed sequences, optionally supporting a pre-defined amount of flexibility.</description>
+ </item>
+
+ <item>
+ <title>Connecting IT And Production Devices On The Shop-Floor</title>
+ <link>https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/connectingitwithproductiondevices/</guid>
+ <description>Walking around the shop-floor to manually query machine states is inefficient and prevents operators from efficiently obtaining a holistic view on the complete production process. Streaming of live production data to IT on the office-floor remains a challenge that prevents efficient monitoring and understanding of production processes. The BaSyx Virtual Automation Bus (VAB) enables machine to machine communication across the layers of the automation pyramid; shop-floor devices can directly interact with enterprise resource planning (ERP) systems, even if they use different protocols.</description>
+ </item>
+
+ <item>
+ <title>Enabler For New Business Models</title>
+ <link>https://www.eclipse.org/basyx/use-case/newbusinessmodels/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/newbusinessmodels/</guid>
+ <description>Industrie 4.0 is about more efficient mass-production processes, and mass-customization, the efficient and inexpensive production of small lot sizes. Industrie 4.0 is also the end-to-end digitalization of manufacturing and enables new business models. The following exemplary Industrie 4.0 business models can be implemented with Eclipse BaSyx. Data BrokeringData produced in manufacturing processes is extremely valuable for equipment manufacturers and other third-party businesses since it enables prediction and optimization of manufacturing processes and product quality.</description>
+ </item>
+
+ <item>
+ <title>Enabler Of Big Data Analytics</title>
+ <link>https://www.eclipse.org/basyx/use-case/bigdataanalytics/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/bigdataanalytics/</guid>
+ <description>Every factory device creates a continuous stream of data. Data analytics can provide valuable insights into production processes: Which variables have impacts on production cost and quality? How can we predict production performance? Where is hidden potential for optimization in my manufacturing processes? Data analytics requires the combination of data from different sources, i.e. production devices, as well as IT servers. The ability of Eclipse BaSyx to structure machine and product data in Asset Administration Shells, enriching both with semantic information, then combining them, is the enabler for big data analysis.</description>
+ </item>
+
+ <item>
+ <title>Predictive Maintenance</title>
+ <link>https://www.eclipse.org/basyx/use-case/predictivemaintenance/</link>
+ <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+ <guid>https://www.eclipse.org/basyx/use-case/predictivemaintenance/</guid>
+ <description>Repairing a device once it’s ‘broken’ can lead to unpredictable and expensive downtime. Scheduled maintenance improves the situation, but a static maintenance schedule can cause unnecessary interruptions. In the worst case, required parts need to be ordered, extending downtimes significantly. Predictive maintenance solves these issues: Combining live sensor data and past experience enables prediction of necessary maintenance activities and schedules. Production processes can then be adapted to synchronize and integrate maintenance activities with the least possible impact.</description>
+ </item>
+
+ </channel>
+</rss>
\ No newline at end of file
diff --git a/use-case/newbusinessmodels/index.html b/use-case/newbusinessmodels/index.html
new file mode 100644
index 0000000..00faa9f
--- /dev/null
+++ b/use-case/newbusinessmodels/index.html
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Enabler For New Business Models</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Enabler For New Business Models" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/use-case/newbusinessmodels//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Enabler For New Business Models logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Enabler For New Business Models logo" class="visible-xs visible-sm">
+ <span class="sr-only">Enabler For New Business Models - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Enabler For New Business Models</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+
+ <div class="row">
+
+
+
+ <div class="col-md-9" id="blog-post">
+
+
+ <p class="text-muted text-uppercase mb-small text-right"></p>
+
+ <div id="post-content">
+ <p><p class="lead">
+Industrie 4.0 is about more efficient mass-production processes, and mass-customization, the efficient and inexpensive production of small lot sizes. Industrie 4.0 is also the end-to-end digitalization of manufacturing and enables new business models. The following exemplary Industrie 4.0 business models can be implemented with Eclipse BaSyx.
+<ol type="a" class="lead">
+ <li><b>Data Brokering</b></br>Data produced in manufacturing processes is extremely valuable for equipment manufacturers and other third-party businesses since it enables prediction and optimization of manufacturing processes and product quality. Prediction models based on the combination of data from different sources will yield business advantages for companies, but they require a large data pool for their creation. Brokering of data, the ability to provide anonymized data that is compliant with the privacy of data providers, but that is a valuable source for data users, will be a key business after the fourth industrial revolution. </li></br>
+ <li><b>Virtual Prototyping & Continuous Engineering</b></br>The integration of new devices and new device programs requires a significant amount of time during a change to production. Digital device twins may reduce this required time by providing, for example interaction models that enable engineers to adjust device-to-device communication and to validate service calls, call parameter, and potential side-effects without having to stop the production line. Asset Administration Shells provide the ability to store these simulation models in sub models, and to deliver them before the physical device is delivered. Ideally, production systems can communicate with a digital twin without knowing whether the communication partner is a virtual prototype or the real asset. This significantly reduces downtimes when integrating new devices, or when changing critical processes.</li></br>
+ <li><b>Production as a Service</b></br>Production-as-a-Service changes the business model of manufacturers from selling produced goods to becoming the sole operator of a plant. Production is on a contract basis that guarantees access to manufacturing machines and resource availability. Manufacturing companies can focus on their core business: the manufacturing of goods. Customers can save time and costs, as well as react quickly to changing lot sizes. For smaller production companies there is an opportunity to sell selected machines via production-as-a-service models to compensate unused times. Companies that produce similar goods may implement production-as-a service as load-balancing to compensate periods with fewer requests and, at the same time, enable handling of requests that would be too large for their own machines. </li>
+</ol>
+<p/>
+<p style="text-align:center;">
+ <a href="/basyx/use case/images/NewBusinessModels.jpg">
+ <img style="border:1px solid black" src="/basyx/use case/images/NewBusinessModels.jpg" border="2" width="100%" alt=""/>
+ </a>
+</p>
+</br></br></p>
+
+ </div>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
diff --git a/use-case/page/1/index.html b/use-case/page/1/index.html
new file mode 100644
index 0000000..116abe0
--- /dev/null
+++ b/use-case/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://www.eclipse.org/basyx/use-case/</title><link rel="canonical" href="https://www.eclipse.org/basyx/use-case/"/><meta name="robots" content="noindex"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0; url=https://www.eclipse.org/basyx/use-case/" /></head></html>
\ No newline at end of file
diff --git a/use-case/predictivemaintenance/index.html b/use-case/predictivemaintenance/index.html
new file mode 100644
index 0000000..f5e7d2b
--- /dev/null
+++ b/use-case/predictivemaintenance/index.html
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="robots" content="all,follow">
+ <meta name="googlebot" content="index,follow,snippet,archive">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Predictive Maintenance</title>
+ <meta name="author" content="" />
+
+
+ <meta name="keywords" content="industrie 4.0, iot, basys 4.0, basyx, smart production, digitalization, cyber physical systems">
+
+
+
+ <meta name="description" content="Eclipse BaSyx community website">
+
+
+ <meta name="generator" content="Hugo 0.42.1" />
+
+ <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+
+ <link href="https://www.eclipse.org/basyx/css/animate.css" rel="stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/style.blue.css" rel="stylesheet" id="theme-stylesheet">
+
+ <link href="https://www.eclipse.org/basyx/css/style.kuksa.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/custom.css" rel="stylesheet">
+
+
+
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+
+
+ <link rel="apple-touch-icon" sizes="57x57" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-57x57.png">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-60x60.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-76x76.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-114x114.png">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-120x120.png">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-144x144.png">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-152x152.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://www.eclipse.org/basyx/img/favicon/apple-icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="192x192" href="https://www.eclipse.org/basyx/img/favicon/android-icon-192x192.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://www.eclipse.org/basyx/img/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="96x96" href="https://www.eclipse.org/basyx/img/favicon/favicon-96x96.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://www.eclipse.org/basyx/img/favicon/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="msapplication-TileColor" content="#ffffff">
+ <meta name="msapplication-TileImage" content="https://www.eclipse.org/basyx/img/favicon/ms-icon-144x144.png">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+ <link href="https://www.eclipse.org/basyx/css/owl.carousel.css" rel="stylesheet">
+ <link href="https://www.eclipse.org/basyx/css/owl.theme.css" rel="stylesheet">
+
+ <link rel="alternate" href="https://www.eclipse.org/index.xml" type="application/rss+xml" title="Eclipse BaSyx">
+
+
+ <meta property="og:title" content="Predictive Maintenance" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="/basyx/use-case/predictivemaintenance//" />
+ <meta property="og:image" content="img/basyxlogo.png" />
+
+
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/eclipsefdn.videos.min.js"></script>
+ <link href="https://www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/eclipsefdn-video.min.css" rel="stylesheet" type="text/css">
+ <script>eclipseFdnVideos.replace();</script>
+
+
+ <script defer src="/static/fontawesome/fontawesome-all.js"></script>
+</head>
+
+
+ <body>
+
+ <div id="all">
+
+ <header>
+
+ <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
+
+ <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+
+ <div class="container">
+ <div class="navbar-header">
+ <a class="navbar-brand home" href="https://www.eclipse.org/basyx/">
+ <img src="https://www.eclipse.org/basyx/img/basyxlogo.png" alt="Predictive Maintenance logo" class="hidden-xs hidden-sm">
+ <img src="https://www.eclipse.org/basyx/" alt="Predictive Maintenance logo" class="visible-xs visible-sm">
+ <span class="sr-only">Predictive Maintenance - go to homepage</span>
+ </a>
+ <div class="navbar-buttons">
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
+ <span class="sr-only">Toggle Navigation</span>
+ <i class="fa fa-align-justify"></i>
+ </button>
+ </div>
+ </div>
+
+
+ <div class="navbar-collapse collapse" id="navigation">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/basyx/">Home</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/about/">About</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/basyx/use-case/">Use Cases</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://wiki.eclipse.org/BaSyx">Documentation</a>
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="https://projects.eclipse.org/projects/technology.basyx/downloads">Download</a>
+
+ </li>
+
+ </ul>
+ </div>
+
+
+ <div class="collapse clearfix" id="search">
+
+ <form class="navbar-form" role="search">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search">
+ <span class="input-group-btn">
+
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
+
+ </span>
+ </div>
+ </form>
+
+ </div>
+
+
+ </div>
+ </div>
+
+
+</div>
+
+
+
+
+ </header>
+
+ <div id="heading-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Predictive Maintenance</h1>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div id="content">
+ <div class="container">
+
+ <div class="row">
+
+
+
+ <div class="col-md-9" id="blog-post">
+
+
+ <p class="text-muted text-uppercase mb-small text-right"></p>
+
+ <div id="post-content">
+ <p><p class="lead">
+Repairing a device once it’s ‘broken’ can lead to unpredictable and expensive downtime. Scheduled maintenance improves the situation, but a static maintenance schedule can cause unnecessary interruptions. In the worst case, required parts need to be ordered, extending downtimes significantly. Predictive maintenance solves these issues:
+<ol class="lead">
+ <li>Combining live sensor data and past experience enables prediction of necessary maintenance activities and schedules. Production processes can then be adapted to synchronize and integrate maintenance activities with the least possible impact.</li> </br>
+ <li>Predictive maintenance data can be live information regarding the product quality that the devices produce. Maintenance for devices that produce lower quality batches may be delayed in this scenario, as long as the device output is still satisfactory.</li> </br>
+ <li>Required spare parts may be ordered just in time, saving storage space and minimizing down times.</li>
+</ol>
+<p/>
+<p style="text-align:center;">
+ <a href="/basyx/use case/images/PredictiveMaintenance.jpg">
+ <img style="border:1px solid black" src="/basyx/use case/images/PredictiveMaintenance.jpg" width="100%" height="100%" alt=""/>
+ </a>
+</p>
+</br></br></p>
+
+ </div>
+
+
+
+ </div>
+
+
+
+
+
+
+ <div class="col-md-3">
+
+
+
+
+<div class="panel sidebar-menu">
+ <div class="panel-heading">
+ <h3 class="panel-title">Use Cases</h3>
+ </div>
+
+ <div class="panel-body">
+ <ul class="nav nav-pills nav-stacked">
+ <li><a href="https://www.eclipse.org/basyx//use-case/changeableproduction">Changeable Production</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/connectingitwithproductiondevices">Connecting IT and Production Devices</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/bigdataanalytics">Enabler Of Big Data Analytics</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/newbusinessmodels">Enabler For New Business Models</a></li>
+ <li><a href="https://www.eclipse.org/basyx//use-case/predictivemaintenance">Predictive Maintenance</a></li>
+ </ul>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+
+ </div>
+
+
+ </div>
+
+ </div>
+
+
+ <footer id="footer">
+ <div class="container">
+
+ <div class="col-md-4 col-sm-6">
+ <h4>Legal</h4>
+ <ul>
+ <li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+ <li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+ <li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+ <li><a href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a></li>
+ <li><a href="https://www.eclipse.org/legal/">Legal Resources </a></li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-sm-6" align="center">
+ <p><strong>Eclipse BaSyx</strong> has its origins in the <a href="https://www.basys40.de/">BaSys 4.0 project</a> that is funded by the german Bundesministerium für Bildung und Forschung (BMBF)</p>
+ <hr class="hidden-md hidden-lg hidden-sm"/> <p>
+ <a href="https://www.bmbf.de/"> <img src="https://www.eclipse.org/basyx/img/BMBF_Logo.png" class="img-responsive" width="200" alt="BMBF"/></a>
+
+ <p>Copyright © 2019 <a href="http://eclipse.org">The Eclipse Foundation</a>. <br/>All Rights Reserved.</p>
+ </div>
+
+ <div class="col-md-4 col-sm-6">
+ <p class="pull-right">
+ Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
+
+
+ <br/>Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
+ </p>
+ </div>
+
+ </div>
+
+</footer>
+
+
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+
+<script src="https://www.eclipse.org/basyx/js/hpneo.gmaps.js"></script>
+<script src="https://www.eclipse.org/basyx/js/gmaps.init.js"></script>
+<script src="https://www.eclipse.org/basyx/js/front.js"></script>
+
+
+<script src="https://www.eclipse.org/basyx/js/owl.carousel.min.js"></script>
+
+
+ </body>
+</html>
