/* Generated by less 2.2.0 */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: 'Roboto';
  font-weight: 300;
  color: #555555;
  margin: 0;
  padding: 0;
}
.grid-wrapper.sized {
  width: 80%;
  max-width: 1600px;
  margin: 0 auto;
}
.grid-row {
  margin: -5px;
  overflow: hidden;
}
.grid-row:before,
.grid-row:after {
  content: "";
  display: table;
  clear: both;
  float: none;
}
.grid-col {
  float: left;
  padding: 5px;
}
.grid-col.small {
  width: 20%;
}
.grid-col.medium {
  width: 25%;
}
.grid-col.large {
  width: 33.3333%;
}
.grid-col.xlarge {
  width: 50%;
}
.grid-col.full {
  width: 100%;
}
@media all and (max-width: 768px) {
  .grid-col.small {
    width: 33.3333%;
  }
  .grid-col.large {
    width: 50%;
  }
}
@media all and (max-width: 480px) {
  .grid-col.small {
    width: 50%;
  }
  .grid-col.large {
    width: 100%;
  }
}
h2,
h3,
h4 {
  font-weight: 300;
  margin: 0;
  color: #333333;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 2em;
  font-weight: 900;
  padding: 20px 0;
}
h3.border {
  border-top: 1px solid #e0e0e0;
}
p {
  margin: 0 0 10px 0;
}
small {
  font-size: 0.8em;
}
a {
  color: inherit;
  text-decoration: none;
  font-weight: 600;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
}
a:hover {
  color: inherit;
  text-decoration: none;
}
a.button {
  display: inline-block;
  padding: 10px 15px;
  margin-bottom: 10px;
  border-radius: 8px;
  text-decoration: none;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
}
.demoBtn {
  background: #121212;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 15px;
}
.centered-txt {
  text-align: center;
}
.introLoading,
.introLoader {
  z-index: 99999999999999;
}
.doubleMarginVer {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
footer {
  margin-top: 80px;
  padding: 40px 0;
  border-top: 1px solid #e0e0e0;
  text-align: center;
}
footer img {
  width: 70px;
}
/* COMPONENTS */
/* ****************************************************** */
/* MainHeader */
/* ********************* */
.factoryProduct__mainHeader {
  width: 100%;
  background: #121212;
  padding: 40px 0;
  margin: 0 0 40px 0;
}
.factoryProduct__mainHeader h1 {
  margin: 0;
  padding: 20px 0;
  font-size: 3em;
  font-weight: 300;
  color: #ffffff;
}
.factoryProduct__mainHeader h1 small {
  font-size: 0.5em;
}
/* Navigation */
/* ********************* */
.factoryProduct__mainNavigation a.button {
  background: #121212;
  color: #ffffff;
}
.factoryProduct__mainNavigation a.button:hover {
  color: #999999;
  background: #cccccc;
}
/* Common Sections */
/* ********************* */
.factoryProduct__section {
  padding-top: 20px;
}
.factoryProduct__section.border {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
/* Tables */
/* ********************* */
.factoryProduct__tablewrap {
  padding: 10px;
  border: 1px solid #e0e0e0;
  margin-bottom: 40px;
}
.factoryProduct__tablewrap-title {
  padding: 10px;
  margin: -10px -10px 0 -10px;
  background: #67de0f;
  color: #fff;
  font-weight: 700;
}
.factoryProduct__tablewrap-description {
  padding: 30px 0;
  margin: 0;
  font-size: 0.9em;
}
.factoryProduct__tablewrap-tablebox {
  overflow-x: auto;
}
.factoryProduct__tablewrap-tablebox thead {
  color: #479a0a;
}
.factoryProduct__tablewrap-tablebox thead td {
  background: #121212;
  color: #ffffff;
  font-weight: bold;
}
.factoryProduct__tablewrap-tablebox tbody td:first-child {
  font-weight: bold;
}
.factoryProduct__tablewrap-tablebox tr {
  border-top: 1px dotted #e0e0e0;
  border-bottom: 1px dotted #e0e0e0;
}
.factoryProduct__tablewrap-tablebox td {
  padding: 10px;
  border: 1px solid #e0e0e0;
}
/* DocNavigation */
/* ********************* */
.factoryProduct__docNavigation-linklist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.factoryProduct__docNavigation-linklist:before,
.factoryProduct__docNavigation-linklist:after {
  content: "";
  display: table;
  clear: both;
  float: none;
}
.factoryProduct__docNavigation-linklist li {
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
}
.factoryProduct__docNavigation-linklist li a {
  display: block;
  padding: 10px 20px;
  background: #e0e0e0;
  color: #121212;
}
.factoryProduct__docNavigation-linklist li a:hover {
  background: #121212;
  color: #ffffff;
}
/* GitHub Banner */
/* ********************* */
.factoryProduct__githubBanner {
  background: #121212;
  color: #ffffff;
  display: block;
  padding: 20px 0;
  font-weight: 700;
  font-size: 1.2em;
  margin: 40px 0;
}
.factoryProduct__githubBanner h3 {
  color: #ffffff;
  font-size: 2em;
  font-weight: 900;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.factoryProduct__githubBanner:hover {
  background-color: #999999;
  color: #ffffff;
}
.factoryProduct__githubBanner:hover h3 {
  color: #ffffff;
}
/* Other Products */
/* ********************* */
.factoryProduct__otherProducts h3,
.factoryProduct__otherProducts h4 {
  color: #121212;
  font-weight: 900;
}
.factoryProduct__otherProducts .grid-col.small {
  font-size: 0.8em;
}
.factoryProduct__otherProducts .grid-col.small a {
  background: #e0e0e0;
  display: block;
  padding: 20px;
  border-bottom: 3px solid #121212;
  border-radius: 10px;
}
.factoryProduct__otherProducts .grid-col.small a:hover {
  background: #121212;
  color: #ffffff;
}
.factoryProduct__otherProducts .grid-col.small a p {
  margin: 0;
}
/* Footer */
/* ********************* */
.factoryProduct__mainFooter {
  font-size: 0.8em;
  margin: 40px 0 0 0;
  padding: 40px 0;
  text-align: center;
  border-top: 1px solid #e0e0e0;
}
.factoryProduct__mainFooter img {
  width: 70px;
}
/* PRODUCTS */
.product-box .product-box-inner {
  border-width: 1px 1px 4px 1px;
  border-style: solid;
  border-color: #e0e0e0;
  padding: 20px;
}
.product-box .product-box-inner h4 {
  margin-bottom: 10px;
  font-weight: 900;
  font-size: 1.2em;
}
.product-box .product-box-inner p {
  margin-bottom: 20px;
}
.product-link {
  display: inline-block;
  background: #121212;
  color: #ffffff;
  text-transform: uppercase;
  padding: 5px 10px;
  font-size: 0.8em;
}
.product-type {
  color: #999999;
  font-size: 0.9em;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
}
.product-description {
  font-size: 0.9em;
  display: block;
}