@import url("/lib/google/lato_roboto.css");
@use "sass:color";
/*
$gray-darker:      color.adjust($gray-base, $lightness: 13.5%, $space: hsl); // #222
$gray-dark:        color.adjust($gray-base, $lightness: 20%, $space: hsl);   // #333
$gray:             color.adjust($gray-base, $lightness: 33.5%, $space: hsl); // #555
$gray-light:       color.adjust($gray-base, $lightness: 46.7%, $space: hsl); // #777
$gray-lighter:     color.adjust($gray-base, $lightness: 93.5%, $space: hsl); // #eee
*/
/*
@mixin button-variant($color; $background; $border){
	color: $color;
	background-color: $background;
	border-color: $border;
	@include transition-all;

	&:hover,
	&:focus,
	&.focus,
	&:active,
	&.active,
	.open > .dropdown-toggle& {
		color: $color;
		background-color: darken($background, 5%);
	    border-color: darken($border, 7%);
	}
	&:active,
	&.active,
	.open > .dropdown-toggle& {
		background-image: none;
	}
	&.disabled,
	&[disabled],
	fieldset[disabled] & {
		&,
		&:hover,
		&:focus,
		&.focus,
		&:active,
		&.active {
			background-color: $background;
			border-color: $border;
		}
	}

	.badge {
		color: $background;
		background-color: $color;
	}
}
*/
span.help {
  text-decoration-line: underline;
  text-decoration-style: dotted; }

@use "sass:color";
html,
body {
  height: 100%;
  width: 100%; }

body {
  font-family: 'Lato', 'Merriweather', 'Helvetica Neue', Arial, sans-serif; }

hr {
  border-color: #1E6085;
  border-width: 3px;
  max-width: 50px; }

hr.light {
  border-color: white; }

a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #1E6085; }
  a:hover, a:focus {
    color: #15425b;
    /*color: color.adjust($theme-primary, $lightness: -10%, $space: hsl);*/ }

.text-faded a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: white;
  font-weight: bold;
  text-decoration: underline; }
  .text-faded a:hover, .text-faded a:focus {
    color: #b4d9ee;
    /*color: color.adjust($theme-primary, $lightness: 50%, $space: hsl);*/ }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }

p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px; }

.bg-primary {
  background-color: #1E6085; }

.bg-dark {
  background-color: #222222;
  color: white; }

.text-faded {
  color: fade(white, 70%); }

section {
  padding: 100px 0; }

aside {
  padding: 50px 0; }

.no-padding {
  padding: 0; }

.navbar-default {
  font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  background-color: transparent;
  border-color: transparent; }
  @media (min-width: 768px) {
    .navbar-default {
      background-color: transparent;
      border-color: transparent; } }
  .navbar-default .navbar-header .navbar-brand {
    height: 100px;
    width: 100px; }
    .navbar-default .navbar-header .navbar-brand .brand {
      background: no-repeat left/100% url("/img/p3kity_w.svg");
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      overflow: hidden;
      padding-left: 226px;
      height: 78px;
      width: 226px; }
  .navbar-default .navbar-header .navbar-toggle {
    background-color: white;
    font-weight: 700;
    font-size: 14px; }
  .navbar-default .navbar-collapse {
    background-color: white; }
    @media (min-width: 768px) {
      .navbar-default .navbar-collapse {
        background-color: transparent; } }
    .navbar-default .navbar-collapse .nav > li > a, .navbar-default .navbar-collapse .nav > li > a:focus {
      color: #333333;
      font-weight: 700;
      font-size: 14px; }
      @media (min-width: 768px) {
        .navbar-default .navbar-collapse .nav > li > a, .navbar-default .navbar-collapse .nav > li > a:focus {
          color: white; } }
      .navbar-default .navbar-collapse .nav > li > a:hover, .navbar-default .navbar-collapse .nav > li > a:focus:hover {
        color: #b4d9ee;
        /*color: color.adjust($theme-primary, $lightness: 50%, $space: hsl);*/ }
    .navbar-default .navbar-collapse .nav > li.active > a, .navbar-default .navbar-collapse .nav > li.active > a:focus {
      color: #1E6085 !important;
      background-color: transparent; }
      .navbar-default .navbar-collapse .nav > li.active > a:hover, .navbar-default .navbar-collapse .nav > li.active > a:focus:hover {
        background-color: transparent; }
  .navbar-default.affix {
    background-color: #15425b;
    border-color: #0b2432;
    /*background-color: color.adjust($theme-primary, $lightness: -10%, $space: hsl);
    border-color: color.adjust($theme-primary, $lightness: -20%, $space: hsl);*/
    border-bottom-width: 2px; }
    .navbar-default.affix .nav > li > a:hover {
      color: #379ad2;
      /*color: color.adjust($theme-primary, $lightness: 20%, $space: hsl);*/ }

.dark-header {
  color: black; }
  .dark-header .header-content .header-content-inner p {
    color: fade(black, 70%); }

.primary-header {
  color: #1E6085; }
  .primary-header .header-content .header-content-inner p {
    color: fade(#1E6085, 70%); }

header {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  color: white;
  position: relative;
  min-height: auto;
  overflow: hidden;
  width: 100%;
  text-align: center; }
  @media (min-width: 768px) {
    header {
      min-height: 100%; } }
  header .header-content {
    position: relative;
    text-align: center;
    padding: 220px 15px 100px;
    width: 100%; }
    @media (min-width: 768px) {
      header .header-content {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 50px; } }
    @media (min-width: 768px) {
      header .header-content .header-content-inner {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto; } }
    header .header-content .header-content-inner h1 {
      font-weight: 700;
      margin-top: 0;
      margin-bottom: 0;
      font-size: 30px;
      text-shadow: 0px 1px 1px black; }
      @media (min-width: 768px) {
        header .header-content .header-content-inner h1 {
          font-size: 50px; } }
    header .header-content .header-content-inner hr {
      margin: 30px auto; }
    header .header-content .header-content-inner p {
      font-weight: 300;
      font-size: 16px;
      margin-bottom: 50px;
      text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }
      @media (min-width: 768px) {
        header .header-content .header-content-inner p {
          font-size: 18px; } }

header.home:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/adi-goldstein-EUsVwEOsblE-unsplash_modified.jpg"); }

header.ssa:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/crystal-kwok-XUEdfpPIhXg-unsplash.jpg"); }

header.dts:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/chris-pagan-sfjS-FglvU4-unsplash.jpg"); }

header.silohopper:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/jim-witkowski-ZaVUNY5rHmY-unsplash.jpg"); }

header.blog:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/samuel-zeller-4138-unsplash.jpg"); }

header.trust_consulting:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  /* TODO: FIX    background-image+: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); */
  background-image: url("/img/rawpixel-com-252127.jpg");
  background-position: top; }

header.trust_seminar:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  /* TODO: FIX    background-image+: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); */
  background-image: url("/img/green-chameleon-21532.jpg"); }

header.trusted_routing:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/mike-bryant-75071.jpg"); }

header.network_infrastructure:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/mike-bryant-75071.jpg"); }

header.scada_ics:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/patryk-gradys-128898.jpg"); }

header.core_integration:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  /* TODO: FIX    background-image+: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); */
  background-image: url("/img/joel-peel-144801.jpg"); }

header.transportation:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  /* TODO: FIX    background-image+: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); */
  background-image: url("/img/dmitrii-vaccinium-22833.jpg"); }

header.automotive:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/alexandre-chambon-157648.jpg"); }

header.communication:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  /* TODO: FIX    background-image+: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); */
  background-image: url("/img/marat-gilyadzinov-40387.jpg"); }

header.utilities:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  /* TODO: FIX    background-image+: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); */
  background-image: url("/img/jason-blackeye-209586.jpg"); }

header.dele_gate:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  /* TODO: FIX    background-image+: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); */
  background-image: url("/img/mike-wilson-109478.jpg"); }

header.financial:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/sean-pollock-203658.jpg"); }

header.notfound:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/allan-nygren-297393-unsplash.jpg"); }

header.opensource:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/sai-kiran-anagani-555972-unsplash.jpg"); }

header.contactsuccess:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/christian-widell-93945-unsplash.jpg"); }

header.contactfailure:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/reza-shayestehpour-14238-unsplash.jpg"); }

header.iotcloud:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/zbynek-burival-544573-unsplash.jpg"); }

header.whitesand:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/joshua-case-i2PDF096r2U-unsplash.jpg"); }

header.t4t:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/uriel-sc-11KDtiUWRq4-unsplash.jpg"); }

header.demo:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(2px) saturate(70%) brightness(0.8);
  -moz-filter: blur(2px) saturate(70%) brightness(0.8);
  -o-filter: blur(2px) saturate(70%) brightness(0.8);
  -ms-filter: blur(2px) saturate(70%) brightness(0.8);
  filter: blur(2px) saturate(70%) brightness(0.8);
  transform: scale(1.02);
  background-image: url("/img/scott-blake-x-ghf9LjrVg-unsplash.jpg"); }

section.spacer {
  background-image: url("/img/graphs.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40% auto; }

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

.service-box {
  max-width: 400px;
  margin: 50px auto 0; }
  @media (min-width: 992px) {
    .service-box {
      margin: 20px auto 0; } }
  .service-box p {
    margin-bottom: 0; }

.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto; }
  .portfolio-box .portfolio-box-caption {
    color: white;
    opacity: 0;
    display: block;
    background: fade(#1E6085, 90%);
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s; }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
      width: 100%;
      text-align: center;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
        padding: 0 15px; }
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-weight: 600;
        font-size: 14px; }
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 18px; }
  .portfolio-box:hover .portfolio-box-caption {
    opacity: 1; }
  .portfolio-box:focus {
    outline: none; }
  @media (min-width: 768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
      font-size: 16px; }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
      font-size: 22px; } }

.call-to-action h2 {
  margin: 0 auto 20px; }

.text-primary {
  color: #1E6085; }

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0; }

.btn-default {
  /*$include button-variant($gray-darker;white;white);*/ }

.btn-primary {
  /*$include button-variant(white;$theme-primary;$theme-primary);*/ }

.btn {
  font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  border: none;
  border-radius: 300px;
  font-weight: 700; }

.btn-xl {
  padding: 15px 30px; }

::-moz-selection {
  color: white;
  text-shadow: none;
  background: #222222; }

::selection {
  color: white;
  text-shadow: none;
  background: #222222; }

img::selection {
  color: white;
  background: transparent; }

img::-moz-selection {
  color: white;
  background: transparent; }

body {
  -webkit-tap-highlight-color: #222222; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: white;
  background-color: #020608;
  /*background-color: color.adjust($theme-primary, $lightness: -30%, $space: hsl);*/ }

ul.arrowlist {
  list-style: none;
  padding: 0; }

ul.arrowlist li {
  padding-left: 1.3em;
  font-size: 16px; }

ul.arrowlist li:before {
  content: "\25b8";
  display: inline-block;
  margin-left: -0.8em;
  width: 1.3em;
  /* same as padding-left set on li */ }

.text-faded em {
  color: white; }

.post-list h3 {
  margin-top: 0; }

.col-centered {
  float: none;
  margin: 0 auto; }

/* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
Adapted from: http://blog.heyimcat.com/universal-signup-form/ */
#mc_embed_signup form {
  text-align: center;
  padding: 10px 0 10px 0; }

.mc-field-group {
  display: inline-block; }

/* positions input field horizontally */
#mc_embed_signup input.email {
  font-size: 15px;
  border: 1px solid #ABB0B2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #343434;
  background-color: #fff;
  box-sizing: border-box;
  height: 32px;
  padding: 0px 0.4em;
  display: inline-block;
  margin: 0;
  width: 350px;
  vertical-align: top; }

#mc_embed_signup label {
  display: block;
  font-size: 24px;
  padding-bottom: 10px;
  font-weight: bold; }

#mc_embed_signup .clear {
  display: inline-block; }

/* positions button horizontally in line with input */
#mc_embed_signup .button {
  font-size: 14px;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: .03em;
  color: #fff;
  background-color: #105b84;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
  padding: 0 18px;
  display: inline-block;
  margin: 0;
  transition: all 0.23s ease-in-out 0s; }

#mc_embed_signup .button:hover {
  background-color: #777;
  cursor: pointer; }

#mc_embed_signup div#mce-responses {
  float: left;
  top: -1.4em;
  padding: 0em .5em 0em .5em;
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  clear: both; }

#mc_embed_signup div.response {
  margin: 1em 0;
  padding: 1em .5em .5em 0;
  font-weight: bold;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 80%; }

#mc_embed_signup #mce-error-response {
  display: none; }

#mc_embed_signup #mce-success-response {
  color: #529214;
  display: none; }

#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  padding: .5em 0; }

@media (max-width: 768px) {
  #mc_embed_signup input.email {
    width: 100%;
    margin-bottom: 5px; }

  #mc_embed_signup .clear {
    display: block;
    width: 100%; }

  #mc_embed_signup .button {
    width: 100%;
    margin: 0; } }
.largeTable {
  text-align: left;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  width: 100%; }

.marketing {
  background-color: transparent;
  font-size: 120%; }

.largeTable .row {
  padding: 5px; }

.largeTable .title {
  font-size: 20px; }

.largeTable td, .largeTable th {
  padding: 0.5em 1em 0.5em 1em; }

.panel {
  color: black; }

.rounded {
  border-radius: 5px; }

.grayscale {
  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 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */ }

.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%); }

div.post-list-meta {
  text-align: left; }

@media (min-width: 992px) {
  div.post-list-meta {
    text-align: right; } }
section {
  padding: 50px 0px 50px 0px; }

footer {
  padding: 50px 0px 0px 100px; }

.text-over-image {
  color: white;
  text-shadow: -1px 0 2px black, 0 1px 2px black, 1px 0 2px black, 0 -1px 2px black; }

h1, h2, h3 {
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: bold; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

table.table .subrow td,
table.table .subrow th {
  border-top: 1px dashed lightgray;
  padding-top: 2px;
  padding-bottom: 2px; }

table.table .subrow th {
  padding-left: 2em;
  font-size: 80%; }

table.table .totalrow th,
table.table .totalrow td {
  font-size: 120%;
  font-weight: bold; }

p, li {
  font-size: 100%;
  margin-bottom: 10px; }

html {
  font-size: 14px; }

a.fill-div {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none; }

.panel-heading {
  padding: 0; }

.panel-title a {
  padding: 10px; }