/* Generated by less 2.4.0 */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: 'Open Sans';
  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%;
  }
}
@media all and (max-width: 480px) {
  .grid-col.small {
    width: 50%;
  }
}
h2,
h3,
h4 {
  font-weight: 300;
  margin: 0;
  color: #479a0a;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.5em;
  padding-top: 20px;
}
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: #67de0f;
  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;
}
/* COMPONENTS */
/* ****************************************************** */
/* MainHeader */
/* ********************* */
.factoryProduct__mainHeader {
  width: 100%;
  background: #67de0f;
  padding: 40px 0;
  margin: 0 0 40px 0;
}
.factoryProduct__mainHeader h1 {
  margin: 0;
  padding: 20px;
  font-size: 3em;
  font-weight: 300;
  color: #ffffff;
}
.factoryProduct__mainHeader h1 small {
  font-size: 0.5em;
}
/* Navigation */
/* ********************* */
.factoryProduct__mainNavigation a.button {
  background: #67de0f;
  color: #ffffff;
}
.factoryProduct__mainNavigation a.button:hover {
  color: #333333;
  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: #67de0f;
  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: #67de0f;
}
.factoryProduct__docNavigation-linklist li a:hover {
  background: #67de0f;
  color: #ffffff;
}
/* GitHub Banner */
/* ********************* */
.factoryProduct__githubBanner {
  background: #67de0f;
  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: 800;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.factoryProduct__githubBanner:hover {
  background-color: #333333;
  color: #ffffff;
}
.factoryProduct__githubBanner:hover h3 {
  color: #ffffff;
}
/* Other Products */
/* ********************* */
.factoryProduct__otherProducts h3,
.factoryProduct__otherProducts h4 {
  color: #67de0f;
  font-weight: 800;
}
.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 #67de0f;
  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;
}
/* OLD SITE */
.largeText {
  font-size: 1.5em;
}
a.button {
  background: #67de0f;
  color: #fff;
  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;
}
a.button:hover {
  color: #333;
  background: #ccc;
}
.button.download span {
  display: inline-block;
  padding: 0px 7px;
  margin-left: 6px;
  background: #89f43a;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 1px 0 #777;
  box-shadow: inset 1px 1px 1px 0 #777;
}
/* COLORS PALETTE */
.stylecolors__coloritem {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc;
  margin: 0 5px 5px 0;
}
.stylecolors__colorsrow.theme-light .stylecolors__coloritem.color-1 {
  background: #fff;
}
.stylecolors__colorsrow.theme-light .stylecolors__coloritem.color-2 {
  background: #ccc;
}
.stylecolors__colorsrow.theme-light .stylecolors__coloritem.color-3 {
  background: #555;
}
.stylecolors__colorsrow.theme-light .stylecolors__coloritem.color-4 {
  background: #efefef;
}
.stylecolors__colorsrow.theme-dark .stylecolors__coloritem.color-1 {
  background: #333;
}
.stylecolors__colorsrow.theme-dark .stylecolors__coloritem.color-2 {
  background: #fff;
}
.stylecolors__colorsrow.theme-dark .stylecolors__coloritem.color-3 {
  background: #555;
}
.stylecolors__colorsrow.theme-dark .stylecolors__coloritem.color-4 {
  background: #121212;
}
.stylecolors__colorsrow.theme-ocean .stylecolors__coloritem.color-1 {
  background: #164761;
}
.stylecolors__colorsrow.theme-ocean .stylecolors__coloritem.color-2 {
  background: #237199;
}
.stylecolors__colorsrow.theme-ocean .stylecolors__coloritem.color-3 {
  background: #fff;
}
.stylecolors__colorsrow.theme-ocean .stylecolors__coloritem.color-4 {
  background: #20B1EA;
}
.stylecolors__colorsrow.theme-forest .stylecolors__coloritem.color-1 {
  background: #1F3608;
}
.stylecolors__colorsrow.theme-forest .stylecolors__coloritem.color-2 {
  background: #5E5824;
}
.stylecolors__colorsrow.theme-forest .stylecolors__coloritem.color-3 {
  background: #A59965;
}
.stylecolors__colorsrow.theme-forest .stylecolors__coloritem.color-4 {
  background: #332A0B;
}
.stylecolors__colorsrow.theme-fluoGreen .stylecolors__coloritem.color-1 {
  background: #67de0f;
}
.stylecolors__colorsrow.theme-fluoGreen .stylecolors__coloritem.color-2 {
  background: #fff;
}
.stylecolors__colorsrow.theme-fluoGreen .stylecolors__coloritem.color-3 {
  background: #dcff1b;
}
.stylecolors__colorsrow.theme-fluoGreen .stylecolors__coloritem.color-4 {
  background: #53ba06;
}
.stylecolors__colorsrow.theme-fluoMagenta .stylecolors__coloritem.color-1 {
  background: #ff1bff;
}
.stylecolors__colorsrow.theme-fluoMagenta .stylecolors__coloritem.color-2 {
  background: #fff;
}
.stylecolors__colorsrow.theme-fluoMagenta .stylecolors__coloritem.color-3 {
  background: #ccc;
}
.stylecolors__colorsrow.theme-fluoMagenta .stylecolors__coloritem.color-4 {
  background: #db07db;
}
.stylecolors__colorsrow.theme-fluoYellow .stylecolors__coloritem.color-1 {
  background: #dcff1b;
}
.stylecolors__colorsrow.theme-fluoYellow .stylecolors__coloritem.color-2 {
  background: #fff;
}
.stylecolors__colorsrow.theme-fluoYellow .stylecolors__coloritem.color-3 {
  background: #67de0f;
}
.stylecolors__colorsrow.theme-fluoYellow .stylecolors__coloritem.color-4 {
  background: #d5f816;
}