/* global helper classes ------- */
.strong {
  font-weight: 800; }

.spacer5, .pad-5 {
  padding: 5px; }

.pad-15 {
  padding: 15px; }

.pad-30 {
  padding: 30px; }

.pad-0 {
  padding: 0 !important; }

.pad-left-0 {
  padding-left: 0; }

.pad-right-0 {
  padding-right: 0; }

.pad-left-5 {
  padding-left: 5px; }

.pad-right-5 {
  padding-right: 5px; }

.pad-left-15 {
  padding-left: 15px; }

.pad-right-15 {
  padding-right: 15px; }

.pad-left-30 {
  padding-left: 30px; }

.pad-right-30 {
  padding-right: 30px; }

.margin-top-0 {
  margin-top: 0; }

.margin-top-5 {
  margin-top: 5px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-top-15 {
  margin-top: 15px; }

.margin-top-30 {
  margin-top: 30px; }

.margin-bottom-5 {
  margin-bottom: 5px; }

.margin-bottom-15 {
  margin-bottom: 15px; }

.no-margin {
  margin: 0 !important; }

.strike {
  text-decoration: line-through; }

/*
 * vertical center
 */
.valign {
  float: none;
  display: inline-block;
  vertical-align: middle; }

/* 
 * animations
 */
.anim-spin {
  animation: anim-spin 5s infinite linear; }

@keyframes anim-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
.anim-pulse {
  animation: anim-pulse 2s infinite linear; }

@keyframes anim-pulse {
  0%, 25%, 50%, 75% {
    opacity: 1; }
  100% {
    opacity: 0.1; } }
.anim-pulse-spin {
  animation: anim-pulse-spin 5s infinite linear; }

@keyframes anim-pulse-spin {
  0%, 25%, 50%, 75% {
    opacity: 1;
    transform: rotate(0deg); }
  100% {
    opacity: 0.5;
    transform: rotate(359deg); } }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("../fonts/Lato_400.woff") format("woff2"), url("../fonts/Lato_400.woff") format("woff"), url("../fonts/Lato_400.ttf") format("truetype"); }
@font-face {
  font-family: 'Lato';
  font-style: bold;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url("../fonts/Lato_700.woff") format("woff2"), url("../fonts/Lato_700.woff") format("woff"), url("../fonts/Lato_700.ttf") format("truetype"); }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url("../fonts/Lato_300.woff") format("woff2"), url("../fonts/Lato_300.woff") format("woff"), url("../fonts/Lato_300.ttf") format("truetype"); }
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url("../fonts/Lato_400italic.woff") format("woff2"), url("../fonts/Lato_400italic.woff") format("woff"), url("../fonts/Lato_400italic.ttf") format("truetype"); }
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("../fonts/Lato_700italic.woff") format("woff2"), url("../fonts/Lato_700italic.woff") format("woff"), url("../fonts/Lato_700italic.ttf") format("truetype"); }
/**
 * Bootstrap crap
 */
button, .btn, input, select {
  outline: none !important;
  box-shadow: none !important; }

.btn-header {
  color: #FFFFFF;
  background-color: #fc6621;
  border-color: #fc5508;
  text-transform: uppercase;
  font-size: 1.3rem;
  padding: 12px 30px; }
  .btn-header:focus, .btn-header.focus {
    color: #FFFFFF;
    background-color: #e74b03;
    border-color: #822a02; }
  .btn-header:hover {
    color: #FFFFFF;
    background-color: #e74b03;
    border-color: #c43f03; }
  .btn-header:active, .btn-header.active, .open > .btn-header.dropdown-toggle {
    color: #FFFFFF;
    background-color: #e74b03;
    border-color: #c43f03; }
    .btn-header:active:hover, .btn-header:active:focus, .btn-header:active.focus, .btn-header.active:hover, .btn-header.active:focus, .btn-header.active.focus, .open > .btn-header.dropdown-toggle:hover, .open > .btn-header.dropdown-toggle:focus, .open > .btn-header.dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #c43f03;
      border-color: #822a02; }
  .btn-header:active, .btn-header.active, .open > .btn-header.dropdown-toggle {
    background-image: none; }
  .btn-header.disabled:hover, .btn-header.disabled:focus, .btn-header.disabled.focus, .btn-header[disabled]:hover, .btn-header[disabled]:focus, .btn-header[disabled].focus, fieldset[disabled] .btn-header:hover, fieldset[disabled] .btn-header:focus, fieldset[disabled] .btn-header.focus {
    background-color: #fc6621;
    border-color: #fc5508; }
  .btn-header .badge {
    color: #fc6621;
    background-color: #FFFFFF; }

.btn-brand {
  color: #FFFFFF;
  background-color: #62BF97;
  border-color: #50b88b;
  padding-left: 30px;
  padding-right: 30px; }
  .btn-brand:focus, .btn-brand.focus {
    color: #FFFFFF;
    background-color: #45a97e;
    border-color: #276148; }
  .btn-brand:hover {
    color: #FFFFFF;
    background-color: #45a97e;
    border-color: #3b906b; }
  .btn-brand:active, .btn-brand.active, .open > .btn-brand.dropdown-toggle {
    color: #FFFFFF;
    background-color: #45a97e;
    border-color: #3b906b; }
    .btn-brand:active:hover, .btn-brand:active:focus, .btn-brand:active.focus, .btn-brand.active:hover, .btn-brand.active:focus, .btn-brand.active.focus, .open > .btn-brand.dropdown-toggle:hover, .open > .btn-brand.dropdown-toggle:focus, .open > .btn-brand.dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #3b906b;
      border-color: #276148; }
  .btn-brand:active, .btn-brand.active, .open > .btn-brand.dropdown-toggle {
    background-image: none; }
  .btn-brand.disabled:hover, .btn-brand.disabled:focus, .btn-brand.disabled.focus, .btn-brand[disabled]:hover, .btn-brand[disabled]:focus, .btn-brand[disabled].focus, fieldset[disabled] .btn-brand:hover, fieldset[disabled] .btn-brand:focus, fieldset[disabled] .btn-brand.focus {
    background-color: #62BF97;
    border-color: #50b88b; }
  .btn-brand .badge {
    color: #62BF97;
    background-color: #FFFFFF; }

.btn-brand-transparent {
  color: #62BF97;
  background-color: transparent;
  border-color: #62BF97;
  border: 2px solid;
  padding-left: 30px;
  padding-right: 30px; }
  .btn-brand-transparent:focus, .btn-brand-transparent.focus {
    color: #62BF97;
    background-color: transparent;
    border-color: #2f7356; }
  .btn-brand-transparent:hover {
    color: #62BF97;
    background-color: transparent;
    border-color: #42a279; }
  .btn-brand-transparent:active, .btn-brand-transparent.active, .open > .btn-brand-transparent.dropdown-toggle {
    color: #62BF97;
    background-color: transparent;
    border-color: #42a279; }
    .btn-brand-transparent:active:hover, .btn-brand-transparent:active:focus, .btn-brand-transparent:active.focus, .btn-brand-transparent.active:hover, .btn-brand-transparent.active:focus, .btn-brand-transparent.active.focus, .open > .btn-brand-transparent.dropdown-toggle:hover, .open > .btn-brand-transparent.dropdown-toggle:focus, .open > .btn-brand-transparent.dropdown-toggle.focus {
      color: #62BF97;
      background-color: transparent;
      border-color: #2f7356; }
  .btn-brand-transparent:active, .btn-brand-transparent.active, .open > .btn-brand-transparent.dropdown-toggle {
    background-image: none; }
  .btn-brand-transparent.disabled:hover, .btn-brand-transparent.disabled:focus, .btn-brand-transparent.disabled.focus, .btn-brand-transparent[disabled]:hover, .btn-brand-transparent[disabled]:focus, .btn-brand-transparent[disabled].focus, fieldset[disabled] .btn-brand-transparent:hover, fieldset[disabled] .btn-brand-transparent:focus, fieldset[disabled] .btn-brand-transparent.focus {
    background-color: transparent;
    border-color: #62BF97; }
  .btn-brand-transparent .badge {
    color: transparent;
    background-color: #62BF97; }
  .btn-brand-transparent:hover {
    background-color: #62BF97;
    color: #4A4A4A; }

.btn-white-grey {
  color: #4A4A4A;
  background-color: #FFFFFF;
  border-color: #f2f2f2;
  text-transform: uppercase;
  font-size: 1.1rem !important;
  padding: 16px 32px !important; }
  .btn-white-grey:focus, .btn-white-grey.focus {
    color: #4A4A4A;
    background-color: #e6e6e6;
    border-color: #b3b3b3; }
  .btn-white-grey:hover {
    color: #4A4A4A;
    background-color: #e6e6e6;
    border-color: #d4d4d4; }
  .btn-white-grey:active, .btn-white-grey.active, .open > .btn-white-grey.dropdown-toggle {
    color: #4A4A4A;
    background-color: #e6e6e6;
    border-color: #d4d4d4; }
    .btn-white-grey:active:hover, .btn-white-grey:active:focus, .btn-white-grey:active.focus, .btn-white-grey.active:hover, .btn-white-grey.active:focus, .btn-white-grey.active.focus, .open > .btn-white-grey.dropdown-toggle:hover, .open > .btn-white-grey.dropdown-toggle:focus, .open > .btn-white-grey.dropdown-toggle.focus {
      color: #4A4A4A;
      background-color: #d4d4d4;
      border-color: #b3b3b3; }
  .btn-white-grey:active, .btn-white-grey.active, .open > .btn-white-grey.dropdown-toggle {
    background-image: none; }
  .btn-white-grey.disabled:hover, .btn-white-grey.disabled:focus, .btn-white-grey.disabled.focus, .btn-white-grey[disabled]:hover, .btn-white-grey[disabled]:focus, .btn-white-grey[disabled].focus, fieldset[disabled] .btn-white-grey:hover, fieldset[disabled] .btn-white-grey:focus, fieldset[disabled] .btn-white-grey.focus {
    background-color: #FFFFFF;
    border-color: #f2f2f2; }
  .btn-white-grey .badge {
    color: #FFFFFF;
    background-color: #4A4A4A; }

.btn-white-green {
  color: #3F906D;
  background-color: #FFFFFF;
  border-color: #f2f2f2;
  text-transform: uppercase;
  font-size: 1.1rem !important;
  padding: 16px 32px !important; }
  .btn-white-green:focus, .btn-white-green.focus {
    color: #3F906D;
    background-color: #e6e6e6;
    border-color: #b3b3b3; }
  .btn-white-green:hover {
    color: #3F906D;
    background-color: #e6e6e6;
    border-color: #d4d4d4; }
  .btn-white-green:active, .btn-white-green.active, .open > .btn-white-green.dropdown-toggle {
    color: #3F906D;
    background-color: #e6e6e6;
    border-color: #d4d4d4; }
    .btn-white-green:active:hover, .btn-white-green:active:focus, .btn-white-green:active.focus, .btn-white-green.active:hover, .btn-white-green.active:focus, .btn-white-green.active.focus, .open > .btn-white-green.dropdown-toggle:hover, .open > .btn-white-green.dropdown-toggle:focus, .open > .btn-white-green.dropdown-toggle.focus {
      color: #3F906D;
      background-color: #d4d4d4;
      border-color: #b3b3b3; }
  .btn-white-green:active, .btn-white-green.active, .open > .btn-white-green.dropdown-toggle {
    background-image: none; }
  .btn-white-green.disabled:hover, .btn-white-green.disabled:focus, .btn-white-green.disabled.focus, .btn-white-green[disabled]:hover, .btn-white-green[disabled]:focus, .btn-white-green[disabled].focus, fieldset[disabled] .btn-white-green:hover, fieldset[disabled] .btn-white-green:focus, fieldset[disabled] .btn-white-green.focus {
    background-color: #FFFFFF;
    border-color: #f2f2f2; }
  .btn-white-green .badge {
    color: #FFFFFF;
    background-color: #3F906D; }

.btn-whitefg {
  color: #FFFFFF;
  background-color: transparent;
  border-color: #f2f2f2;
  text-transform: uppercase;
  font-size: 1.1rem !important;
  padding: 16px 32px !important; }
  .btn-whitefg:focus, .btn-whitefg.focus {
    color: #FFFFFF;
    background-color: transparent;
    border-color: #b3b3b3; }
  .btn-whitefg:hover {
    color: #FFFFFF;
    background-color: transparent;
    border-color: #d4d4d4; }
  .btn-whitefg:active, .btn-whitefg.active, .open > .btn-whitefg.dropdown-toggle {
    color: #FFFFFF;
    background-color: transparent;
    border-color: #d4d4d4; }
    .btn-whitefg:active:hover, .btn-whitefg:active:focus, .btn-whitefg:active.focus, .btn-whitefg.active:hover, .btn-whitefg.active:focus, .btn-whitefg.active.focus, .open > .btn-whitefg.dropdown-toggle:hover, .open > .btn-whitefg.dropdown-toggle:focus, .open > .btn-whitefg.dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: transparent;
      border-color: #b3b3b3; }
  .btn-whitefg:active, .btn-whitefg.active, .open > .btn-whitefg.dropdown-toggle {
    background-image: none; }
  .btn-whitefg.disabled:hover, .btn-whitefg.disabled:focus, .btn-whitefg.disabled.focus, .btn-whitefg[disabled]:hover, .btn-whitefg[disabled]:focus, .btn-whitefg[disabled].focus, fieldset[disabled] .btn-whitefg:hover, fieldset[disabled] .btn-whitefg:focus, fieldset[disabled] .btn-whitefg.focus {
    background-color: transparent;
    border-color: #f2f2f2; }
  .btn-whitefg .badge {
    color: transparent;
    background-color: #FFFFFF; }

.horizontal-divider {
  width: 50px;
  height: auto;
  display: inline-block; }

.margin-right {
  margin: 50px; }

.homebody footer {
  background: #62BF97; }
  .homebody footer .copyright {
    color: #FFFFFF; }

body {
  font-size: 1.6rem;
  background-color: #F8F8F9; }
  body .help-block {
    font-size: 1.3rem;
    font-style: italic;
    color: #E8A433; }

.container-fluid {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto; }

#news {
  position: absolute;
  top: 0px;
  background-color: #3b3d3c;
  color: #C0C0C0;
  width: 100%;
  text-align: center;
  font-weight: 300;
  height: 36px;
  padding: 7px 0px;
  font-size: 1.4rem; }
  #news a {
    text-decoration: none;
    color: #FFFFFF;
    transition: opacity 0.2s ease-in-out; }
  @media (max-width: 767px) {
    #news {
      padding: 8px 0px;
      font-size: 1.3rem; } }
  @media (max-width: 549px) {
    #news {
      padding: 2px 0px;
      font-size: 1.2rem; } }

#header {
  position: absolute;
  top: 0px;
  background-color: #FFFFFF;
  width: 100%;
  text-align: center;
  padding-top: 5px;
  z-index: 901;
  height: 64px;
  margin-top: 36px; }
  @media (max-width: 767px) {
    #header .container-fluid, #header .container {
      padding-left: 5px;
      padding-right: 15px; } }
  #header .navbar-brand {
    padding: 15px 32px 18px 8px; }
    #header .navbar-brand img {
      margin-top: -8px;
      margin-left: 15px; }
  #header .navbar-toggle {
    border-color: transparent !important; }
    #header .navbar-toggle .icon-bar {
      background-color: #3b3d3c !important; }
    #header .navbar-toggle:hover, #header .navbar-toggle:active, #header .navbar-toggle:focus {
      background-color: #E0E0E0 !important; }
  #header .navbar-collapse {
    padding-right: 0px; }
    #header .navbar-collapse.in {
      background-color: #F8F8F9; }
  #header .main-menu li {
    margin: auto 15px; }
  #header .main-menu li > a, #header .main-menu li.active > a {
    text-transform: uppercase;
    color: #4A4A4A;
    border-bottom: 6px solid transparent;
    font-size: 1.3rem;
    padding: 17px 8px 15px 8px;
    min-width: 54px;
    text-align: center; }
    #header .main-menu li > a:hover, #header .main-menu li.active > a:hover {
      color: #808080;
      border-bottom-color: #62BF97; }
  #header .main-menu li.active > a {
    font-weight: bold;
    color: #62BF97;
    border-bottom-color: #62BF97; }
  #header .main-menu .dropdown-menu > li > a {
    color: #808080; }
  #header .trial-btn {
    margin-top: 4px;
    margin-right: 15px; }

.page-content {
  margin-top: 64px;
  margin-bottom: 60px; }

#banner {
  padding: 20px 0px;
  text-align: left;
  color: #4A4A4A;
  background-color: #FFFFFF;
  margin-bottom: 40px; }
  #banner h1 {
    font-size: 4rem; }
  #banner h2 {
    font-size: 2rem;
    margin-top: 30px;
    padding: 20px 0px;
    font-weight: 300;
    line-height: 1.3; }
  #banner .btn {
    outline: none !important;
    box-shadow: none !important; }

#footer {
  background-color: #3b3d3c;
  color: #C0C0C0;
  padding: 40px 0; }
  #footer a {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.2s ease-in-out; }
    #footer a:hover {
      opacity: 0.5; }
  #footer .newsletter {
    margin-bottom: 30px; }
    #footer .newsletter > div {
      min-height: 75px;
      margin-bottom: 15px; }
    #footer .newsletter .form-inline .form-group {
      padding-right: 10px;
      vertical-align: top; }
    #footer .newsletter button {
      padding-bottom: 9px; }
  #footer .footertext {
    padding-top: 10px; }
    #footer .footertext p {
      font-weight: 300; }
      #footer .footertext p.title {
        font-weight: 400; }
    #footer .footertext .icons > a {
      padding-right: 15px; }
      #footer .footertext .icons > a:hover {
        border-bottom: none;
        opacity: 0.5; }
  #footer .copyright {
    font-size: 1.4rem;
    margin-top: 50px;
    text-align: center; }

.video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.modal-video .modal-body {
  padding: 0px; }
.modal-video .modal-backdrop.in {
  opacity: 0.75; }

.tile-icon-circle {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  margin: 0 auto;
  position: relative; }
  .tile-icon-circle.grey {
    background-color: #F8F8F9; }
  .tile-icon-circle.white {
    background-color: #FFFFFF; }
  .tile-icon-circle .tile-icon {
    position: absolute;
    top: 25%;
    left: 25%;
    height: 50%; }

.homepage #banner, .product #banner {
  margin-bottom: 0px; }
  .homepage #banner .leader, .product #banner .leader {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px; }
    .homepage #banner .leader .title, .product #banner .leader .title {
      font-size: 3.7rem; }
    .homepage #banner .leader .subtitle, .product #banner .leader .subtitle {
      font-size: 2.4rem;
      font-weight: 300; }
    .homepage #banner .leader .vidimg, .product #banner .leader .vidimg {
      position: relative;
      margin: 20px 0px;
      cursor: pointer; }
      .homepage #banner .leader .vidimg .img-responsive, .product #banner .leader .vidimg .img-responsive {
        width: 100%;
        max-height: 280px; }
      .homepage #banner .leader .vidimg .watchtxt, .product #banner .leader .vidimg .watchtxt {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        text-align: center;
        opacity: 1.0; }
        .homepage #banner .leader .vidimg .watchtxt a, .product #banner .leader .vidimg .watchtxt a {
          text-decoration: none;
          color: #FFFFFF;
          text-transform: uppercase;
          font-size: 1.2rem; }
        .homepage #banner .leader .vidimg .watchtxt:hover, .homepage #banner .leader .vidimg .watchtxt:active, .product #banner .leader .vidimg .watchtxt:hover, .product #banner .leader .vidimg .watchtxt:active {
          opacity: 0.75; }
      .homepage #banner .leader .vidimg:before, .product #banner .leader .vidimg:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        content: "\f01d";
        font-family: FontAwesome;
        font-size: 100px;
        color: #FFFFFF;
        text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
        opacity: 1.0; }
      .homepage #banner .leader .vidimg:hover:before, .product #banner .leader .vidimg:hover:before {
        opacity: 0.75; }
.homepage #actions, .product #actions {
  margin: 0px; }
  .homepage #actions .container, .homepage #actions .container-fluid, .product #actions .container, .product #actions .container-fluid {
    background-color: #F8F8F9; }
  .homepage #actions [class*='col-'], .product #actions [class*='col-'] {
    padding: 10px;
    height: 260px;
    margin: 0px;
    border: 4px solid #FFFFFF; }
    .homepage #actions [class*='col-'].noborder, .product #actions [class*='col-'].noborder {
      border-left: 0px;
      border-right: 0px; }
    .homepage #actions [class*='col-'] .axn, .product #actions [class*='col-'] .axn {
      height: 100%;
      padding: 10px 30px; }
  .homepage #actions .txt, .product #actions .txt {
    text-align: center;
    min-height: 44px; }
    .homepage #actions .txt p, .product #actions .txt p {
      font-size: 1.3rem; }
  .homepage #actions .image, .product #actions .image {
    background: #F8F8F9;
    margin-bottom: 10px;
    margin-top: 20px; }
    .homepage #actions .image .img-responsive, .product #actions .image .img-responsive {
      height: 80px;
      margin: 0 auto; }
  .homepage #actions .cta, .product #actions .cta {
    text-align: center;
    padding-top: 15px; }
.homepage #pillars, .homepage #product, .product #pillars, .product #product {
  text-align: center; }
  .homepage #pillars .container, .homepage #pillars .container-fluid, .homepage #product .container, .homepage #product .container-fluid, .product #pillars .container, .product #pillars .container-fluid, .product #product .container, .product #product .container-fluid {
    padding-top: 40px;
    padding-bottom: 40px; }
  .homepage #pillars h2, .homepage #product h2, .product #pillars h2, .product #product h2 {
    font-weight: 300;
    padding-bottom: 0px;
    margin-bottom: 36px; }
  .homepage #pillars .row > div, .homepage #product .row > div, .product #pillars .row > div, .product #product .row > div {
    padding: 20px 15px; }
  .homepage #pillars h3, .homepage #product h3, .product #pillars h3, .product #product h3 {
    font-size: 2rem; }
  .homepage #pillars .blurb, .homepage #product .blurb, .product #pillars .blurb, .product #product .blurb {
    padding-top: 10px; }
  .homepage #pillars .cta, .homepage #product .cta, .product #pillars .cta, .product #product .cta {
    padding-top: 20px; }
  .homepage #pillars .section-sep, .homepage #product .section-sep, .product #pillars .section-sep, .product #product .section-sep {
    padding: 30px 0px; }
.homepage #pillars, .product #pillars {
  background-color: #FFFFFF; }

.product .cta {
  padding-top: 15px;
  text-align: center; }
.product .blurb {
  font-size: 1.6rem; }
  .product .blurb p {
    font-weight: 300; }
.product h2.main {
  font-weight: 300;
  text-align: center;
  margin-bottom: 48px; }
.product b {
  color: #3F906D; }
.product #users {
  padding-top: 20px;
  padding-bottom: 48px; }
  .product #users .container, .product #users .container-fluid {
    background-color: #FFFFFF; }
  .product #users .row > div {
    padding-bottom: 15px; }
  .product #users .img-responsive {
    margin: 0 auto;
    height: 64px; }
  .product #users .blurb {
    padding-top: 10px;
    text-align: center; }
.product #controls, .product #visibility, .product #works {
  padding-top: 20px;
  padding-bottom: 20px; }
  .product #controls .diag, .product #visibility .diag, .product #works .diag {
    padding: 15px 60px; }
  .product #controls .img-responsive, .product #visibility .img-responsive, .product #works .img-responsive {
    margin: 0 auto;
    margin-top: 20px; }
    .product #controls .img-responsive.border, .product #visibility .img-responsive.border, .product #works .img-responsive.border {
      border: 1px solid #E0E0E0; }
  .product #controls .row, .product #visibility .row, .product #works .row {
    margin-bottom: 48px; }
.product #works .thumbnail {
  display: flex;
  align-items: center;
  height: 150px; }
  .product #works .thumbnail img {
    max-height: 150px; }

.solutions .solution-card {
  margin-bottom: 40px;
  background-color: #FFFFFF; }
  .solutions .solution-card .solution-text {
    margin: 0px 20px 20px 20px; }
  .solutions .solution-card .cta {
    margin-top: 40px; }
.solutions .blurb {
  font-size: 1.6rem; }
  .solutions .blurb p {
    font-weight: 300; }
.solutions #banner .banner-cta {
  margin-top: 40px;
  padding-bottom: 20px; }
.solutions #solution-overview {
  padding: 10px 0px; }
.solutions #features .col-sm-4 {
  margin-top: 30px; }
.solutions #features .blurb {
  text-align: center; }
.solutions #quote {
  background-color: #FFFFFF;
  padding: 40px 0px 80px 0px;
  margin: 30px 0px; }
  .solutions #quote .tile-icon-circle {
    width: 60px;
    height: 60px;
    border: 1px solid #4A4A4A; }
  .solutions #quote .quote-words {
    margin-top: 20px;
    margin-right: 20%;
    margin-left: 20%;
    font-style: italic;
    font-size: 1.8rem; }
  .solutions #quote .quote-author {
    margin-top: 10px;
    text-align: center;
    font-size: 1.4rem; }
.solutions #works h2.main {
  font-weight: 300;
  text-align: center;
  margin-bottom: 48px; }
.solutions #works .thumbnail {
  display: flex;
  align-items: center;
  height: 150px; }
  .solutions #works .thumbnail img {
    max-height: 150px; }

.team .btn-social {
  border-radius: 2px;
  width: 50px;
  margin-right: 20px; }
  .team .btn-social > a {
    text-decoration: none;
    font-size: 2rem; }
.team .txt {
  font-size: 1.6rem;
  font-weight: 300; }
.team #company {
  padding-bottom: 40px;
  text-align: center; }
  .team #company h2 {
    margin-bottom: 30px; }
.team #bios {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #FFFFFF;
  text-align: center; }
  .team #bios .img-responsive {
    height: 150px;
    margin: auto; }
  .team #bios .row {
    margin-top: 30px;
    margin-bottom: 40px; }
    .team #bios .row [class*='col-'] {
      margin-bottom: 30px; }
  .team #bios .txt {
    padding-top: 10px;
    text-align: left; }
.team #advisors {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center; }
  .team #advisors h2 {
    margin-bottom: 30px; }
  .team #advisors .img-responsive {
    height: 150px;
    margin: auto;
    border-radius: 50%; }
  .team #advisors .row {
    text-align: center; }
    .team #advisors .row [class*='col-'] {
      margin-bottom: 40px; }

.newspage #selectors {
  margin-bottom: 20px; }
  .newspage #selectors .btn-group-justified .btn {
    padding-top: 20px;
    padding-bottom: 20px; }
.newspage .newssection {
  padding: 10px 0px; }
  .newspage .newssection h2 {
    text-align: center;
    margin-bottom: 20px; }
  .newspage .newssection .newscard {
    color: #4A4A4A;
    text-decoration: none;
    display: block;
    padding: 5px;
    margin: 15px 0px;
    min-height: 50px; }
    .newspage .newssection .newscard .newsimg {
      display: block;
      width: 100%;
      height: auto;
      max-width: 100px;
      margin: 10px auto; }
  .newspage .newssection .meta {
    color: #808080;
    font-size: 1.3rem; }
.newspage #newspost .header {
  padding-bottom: 20px; }
  .newspage #newspost .header .meta {
    color: #808080; }

.blogpage a.blogcard {
  color: #4A4A4A;
  text-decoration: none;
  display: block;
  border: 1px solid #F0F0F0;
  margin-bottom: 40px; }
  .blogpage a.blogcard:hover {
    background-color: #F0F0F0; }
  .blogpage a.blogcard .img-responsive {
    max-height: 200px;
    margin: 10px auto; }
.blogpage .meta {
  color: #808080;
  font-size: 1.3rem; }
  .blogpage .meta time, .blogpage .meta address {
    display: inline; }
  .blogpage .meta a {
    border: 0;
    color: #808080; }
.blogpage #blogpost .header::after {
  content: " ";
  display: block;
  width: 1.5em;
  height: 0.2em;
  background: #ddd;
  margin: 1em 0; }
.blogpage #blogpost img {
  max-height: 340px;
  max-width: 100%;
  text-align: center;
  margin-top: 15px; }
.blogpage #blogpost .img-title {
  font-style: italic;
  color: #808080;
  text-align: center;
  margin-bottom: 15px; }
.blogpage #blogpost .article-cover {
  padding-bottom: 20px; }
.blogpage #blogpost .subtitle {
  font-weight: 400;
  font-size: 1.6rem; }
.blogpage #blogpost .footer {
  color: #44505a; }

.trial #banner {
  margin-bottom: 60px; }
.trial #cform {
  margin-bottom: 60px; }
  .trial #cform .container {
    max-width: 750px; }
  .trial #cform .row > [class*="col-"] {
    min-height: 100px;
    padding-bottom: 33px; }

.vidpage #banner {
  padding-top: 60px;
  padding-bottom: 0px;
  margin-bottom: 0px; }
.vidpage #vimeo {
  margin-top: 0px;
  margin-bottom: 20px;
  background: #000; }
.vidpage #vidtext .title {
  font-size: 3rem;
  font-weight: bold;
  padding-bottom: 20px; }

.pvtbeta #banner {
  padding-bottom: 200px;
  text-align: center;
  background-color: #62BF97;
  background-image: url("../img/banners/desk.png"); }
.pvtbeta .btn-default {
  background-color: white; }

article.docs {
  margin-bottom: 60px; }
  article.docs .subtitle {
    font-size: 2.6rem;
    font-weight: 300; }
  article.docs li {
    margin: 10px; }
  article.docs img {
    max-height: 340px;
    max-width: 100%;
    margin-top: 15px; }
  article.docs .img-title {
    font-style: italic;
    color: #808080;
    margin-bottom: 15px; }

/**
 * Syntax highlighting styles
 */
.highlight {
  background: #fff; }
  .highlight .c {
    color: #998;
    font-style: italic; }
  .highlight .err {
    color: #a61717;
    background-color: #e3d2d2; }
  .highlight .k {
    font-weight: bold; }
  .highlight .o {
    font-weight: bold; }
  .highlight .cm {
    color: #998;
    font-style: italic; }
  .highlight .cp {
    color: #999;
    font-weight: bold; }
  .highlight .c1 {
    color: #998;
    font-style: italic; }
  .highlight .cs {
    color: #999;
    font-weight: bold;
    font-style: italic; }
  .highlight .gd {
    color: #000;
    background-color: #fdd; }
  .highlight .gd .x {
    color: #000;
    background-color: #faa; }
  .highlight .ge {
    font-style: italic; }
  .highlight .gr {
    color: #a00; }
  .highlight .gh {
    color: #999; }
  .highlight .gi {
    color: #000;
    background-color: #dfd; }
  .highlight .gi .x {
    color: #000;
    background-color: #afa; }
  .highlight .go {
    color: #888; }
  .highlight .gp {
    color: #555; }
  .highlight .gs {
    font-weight: bold; }
  .highlight .gu {
    color: #aaa; }
  .highlight .gt {
    color: #a00; }
  .highlight .kc {
    font-weight: bold; }
  .highlight .kd {
    font-weight: bold; }
  .highlight .kp {
    font-weight: bold; }
  .highlight .kr {
    font-weight: bold; }
  .highlight .kt {
    color: #458;
    font-weight: bold; }
  .highlight .m {
    color: #099; }
  .highlight .s {
    color: #d14; }
  .highlight .na {
    color: #008080; }
  .highlight .nb {
    color: #0086B3; }
  .highlight .nc {
    color: #458;
    font-weight: bold; }
  .highlight .no {
    color: #008080; }
  .highlight .ni {
    color: #800080; }
  .highlight .ne {
    color: #900;
    font-weight: bold; }
  .highlight .nf {
    color: #900;
    font-weight: bold; }
  .highlight .nn {
    color: #555; }
  .highlight .nt {
    color: #000080; }
  .highlight .nv {
    color: #008080; }
  .highlight .ow {
    font-weight: bold; }
  .highlight .w {
    color: #bbb; }
  .highlight .mf {
    color: #099; }
  .highlight .mh {
    color: #099; }
  .highlight .mi {
    color: #099; }
  .highlight .mo {
    color: #099; }
  .highlight .sb {
    color: #d14; }
  .highlight .sc {
    color: #d14; }
  .highlight .sd {
    color: #d14; }
  .highlight .s2 {
    color: #d14; }
  .highlight .se {
    color: #d14; }
  .highlight .sh {
    color: #d14; }
  .highlight .si {
    color: #d14; }
  .highlight .sx {
    color: #d14; }
  .highlight .sr {
    color: #009926; }
  .highlight .s1 {
    color: #d14; }
  .highlight .ss {
    color: #990073; }
  .highlight .bp {
    color: #999; }
  .highlight .vc {
    color: #008080; }
  .highlight .vg {
    color: #008080; }
  .highlight .vi {
    color: #008080; }
  .highlight .il {
    color: #099; }
