/*
Theme Name: Bluebox
Author: Katie Bush Design
Author URI: http://katiebushdesign.com/
Version: 1.0
*/



/* Animations */
@-webkit-keyframes product-box-1a {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  40%  { opacity: 1; }
}
@-moz-keyframes product-box-1a {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  40%  { opacity: 1; }
}
@-o-keyframes product-box-1a {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  40%  { opacity: 1; }
}
@keyframes product-box-1a {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  40%  { opacity: 1; }
}
@-webkit-keyframes product-box-1b {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  40%  { opacity: 0; }
  60%  { opacity: 1; }
}
@-moz-keyframes product-box-1b {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  40%  { opacity: 0; }
  60%  { opacity: 1; }
}
@-o-keyframes product-box-1b {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  40%  { opacity: 0; }
  60%  { opacity: 1; }
}
@keyframes product-box-1b {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  40%  { opacity: 0; }
  60%  { opacity: 1; }
}
@-webkit-keyframes product-box-1c {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  60%  { opacity: 0; }
  80%  { opacity: 1; }
}
@-moz-keyframes product-box-1c {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  60%  { opacity: 0; }
  80%  { opacity: 1; }
}
@-o-keyframes product-box-1c {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  60%  { opacity: 0; }
  80%  { opacity: 1; }
}
@keyframes product-box-1c {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  60%  { opacity: 0; }
  80%  { opacity: 1; }
}

@-webkit-keyframes product-box-2a {
  0%   { opacity: 0; }
  25%  { opacity: 1; }
  50%  { opacity: 0; }
}
@-moz-keyframes product-box-2a {
  0%   { opacity: 0; }
  25%  { opacity: 1; }
  50%  { opacity: 0; }
}
@-o-keyframes product-box-2a {
  0%   { opacity: 0; }
  25%  { opacity: 1; }
  50%  { opacity: 0; }
}
@keyframes product-box-2a {
  0%   { opacity: 0; }
  25%  { opacity: 1; }
  50%  { opacity: 0; }
}
@-webkit-keyframes product-box-2b {
  0%   { opacity: 0; }
  25%   { opacity: 0; }
  50%  { opacity: 1; }
  75%  { opacity: 0; }
}
@-moz-keyframes product-box-2b {
  0%   { opacity: 0; }
  25%   { opacity: 0; }
  50%  { opacity: 1; }
  75%  { opacity: 0; }
}
@-o-keyframes product-box-2b {
  0%   { opacity: 0; }
  25%   { opacity: 0; }
  50%  { opacity: 1; }
  75%  { opacity: 0; }
}
@keyframes product-box-2b {
  0%   { opacity: 0; }
  25%   { opacity: 0; }
  50%  { opacity: 1; }
  75%  { opacity: 0; }
}
@-webkit-keyframes product-box-2c {
  0%   { opacity: 0; }
  50%   { opacity: 0; }
  75%  { opacity: 1; }
  100%  { opacity: 0; }
}
@-moz-keyframes product-box-2c {
  0%   { opacity: 0; }
  50%   { opacity: 0; }
  75%  { opacity: 1; }
  100%  { opacity: 0; }
}
@-o-keyframes product-box-2c {
  0%   { opacity: 0; }
  50%   { opacity: 0; }
  75%  { opacity: 1; }
  100%  { opacity: 0; }
}
@keyframes product-box-2c {
  0%   { opacity: 0; }
  50%   { opacity: 0; }
  75%  { opacity: 1; }
  100%  { opacity: 0; }
}

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: lower-roman;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*
 * qTip2 - Pretty powerful tooltips - v2.2.0
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Mon Dec 23 2013 03:43 EST-0500
 * Plugins: tips viewport
 * Styles: css3
 */

.qtip{
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;

  max-width: 280px;
  min-width: 50px;

  font-size: 10.5px;
  line-height: 12px;

  direction: ltr;

  box-shadow: none;
  padding: 0;
}

  .qtip-content{
    position: relative;
    padding: 5px 9px;
    overflow: hidden;

    text-align: left;
    word-wrap: break-word;
  }

  .qtip-titlebar{
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;

    border-width: 0 0 1px;
    font-weight: bold;
  }

  .qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

  /* Default close button class */
  .qtip-close{
    position: absolute;
    right: -9px; top: -9px;

    cursor: pointer;
    outline: medium none;

    border-width: 1px;
    border-style: solid;
    border-color: transparent;
  }

    .qtip-titlebar .qtip-close{
      right: 4px; top: 50%;
      margin-top: -9px;
    }

    * html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

    .qtip-titlebar .ui-icon,
    .qtip-icon .ui-icon{
      display: block;
      text-indent: -1000em;
      direction: ltr;
    }

    .qtip-icon, .qtip-icon .ui-icon{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      text-decoration: none;
    }

      .qtip-icon .ui-icon{
        width: 18px;
        height: 14px;

        line-height: 14px;
        text-align: center;
        text-indent: 0;
        font: normal bold 10px/13px Tahoma,sans-serif;

        color: inherit;
        background: transparent none no-repeat -100em -100em;
      }

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
  border-width: 1px;
  border-style: solid;
  border-color: #F1D031;

  background-color: #FFFFA3;
  color: #555;
}

  .qtip-default .qtip-titlebar{
    background-color: #FFEF93;
  }

  .qtip-default .qtip-icon{
    border-color: #CCC;
    background: #F1F1F1;
    color: #777;
  }

  .qtip-default .qtip-titlebar .qtip-close{
    border-color: #AAA;
    color: #111;
  }



.qtip-shadow{
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
  filter: none;
  -ms-filter: none;
}



.qtip .qtip-tip{
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;

}

  /* Opera bug #357 - Incorrect tip position
  https://github.com/Craga89/qTip2/issues/367 */
  x:-o-prefocus, .qtip .qtip-tip{
    visibility: hidden;
  }

  .qtip .qtip-tip,
  .qtip .qtip-tip .qtip-vml,
  .qtip .qtip-tip canvas{
    position: absolute;

    color: #123456;
    background: transparent;
    border: 0 dashed transparent;
  }

  .qtip .qtip-tip canvas{ top: 0; left: 0; }

  .qtip .qtip-tip .qtip-vml{
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible;
  }
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/* line 18, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
html,
button,
input,
select,
textarea {
  color: #222; }

/* line 22, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
body {
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
/* line 33, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

/* line 38, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
/* line 47, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
/* line 60, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
img {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
/* line 68, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
/* line 78, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
textarea {
  resize: vertical; }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
/* line 86, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* line 4, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
body {
  padding: 0;
  font-family: "Neue Helvetica W01", "Helvetica Neue", sans-serif; /*,"Open Sans", sans-serif;*/
  background: white;
  font-weight: 300; }
  /* line 8, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
  body a {
    text-decoration: none; }
  /* line 10, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
  body .container {
    margin: 0 auto;
    padding: 0 20px; }
  /* line 13, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
  body #main {
    position: relative;
    z-index: 1;
    margin-top: 96px;
    clear: both;
    overflow: hidden; }
    /* line 19, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
    body #main .container {
      padding-top: 85px;
      max-width: 970px; }
      /* line 22, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
      body #main .container nav {
        text-align: center;
        font-size: 32px;
        margin-bottom: 90px; }
        /* line 26, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
        body #main .container nav a {
          display: inline-block;
          border-left: 1px solid #898989;
          padding: 0 20px;
          color: #898989; }
          /* line 31, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
          body #main .container nav a:first-child {
            border-left: 0; }
          /* line 33, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
          body #main .container nav a.active, body #main .container nav a:hover {
            color: #0076be; }
    /* line 35, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
    body.page-template-page-company-php #main > section:nth-child(2n+1),
    body.page-template-page-partners-php #main > section:nth-child(2n+1) {
      background: whitesmoke; }
  /* line 37, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
  body .clear-fix {
    clear: both; }
  /* line 39, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
  body h1 {
    font-size: 45px;
    font-weight: 100;
    color: #0072CE;
    text-align: center; }
  body h2 {
    font-size: 36px;
    font-weight: 100;
    color: #0072CE;
    text-align: center; }

    /* line 44, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
    body h2 ~ p {
      font-size: 16px;
      line-height: 28px; }
  /* line 47, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
  body h3 {
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
    
    color: #0072CE;}
    /* line 53, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
    body h3 + p {
      margin-top: 0; }
  /* line 55, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
  
  body h4 {
    color: #0072CE;
    font-size: 18px;
    font-weight: 300;
  }
  body h5 {
    font-size: 15px;
    font-weight: 500;
  }
  body h5.outlined {
    border: 1px solid #000;
    padding: 15px;
    display: inline-block;
  }
  body p, body li {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: black; }
  body p strong, body li strong {
    font-weight: 400;
  }
  body #main h2 a:hover, body #main p a:hover, body #main li a:hover {
    text-decoration: none;
    color: #569dbd;
  }
  body #main p a.button:hover, body #main li a.button:hover,
  body #main header p a:hover, body #main header li a:hover  {
    text-decoration: none;
  }
  /* line 60, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
  body p strong, body li strong,
  body p b, body li b  {
    font-weight: 500; }
  /* line 62, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
  body .pagination {
    margin-bottom: 40px; }
    /* line 64, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
    body #main .pagination a, body #main .pagination span {
      display: inline-block;
      color: #707070;
      font-size: 17px;
      line-height: 25px;
      border: 1px solid #cccccc;
      margin-right: 10px;
      padding: 5px 15px;
      -webkit-transition: all 0.25s;
      -moz-transition: all 0.25s;
      -o-transition: all 0.25s;
      -ms-transition: all 0.25s;
      transition: all 0.25s;
       }
      /* line 72, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
      body #main .pagination span.current, body #main .pagination a.current, body #main  .pagination a:hover {
        background: #cccccc;
        color: white; }


/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
/* line 121, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

/* line 129, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 140, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 149, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 166, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 179, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 196, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 201, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 210, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
.clearfix {
  *zoom: 1; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
/* Style adjustments for viewports that meet the condition */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  /* line 236, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  /* line 244, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
  a,
  a:visited {
    text-decoration: underline; }

  /* line 248, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
  a[href]:after {
    content: " (" attr(href) ")"; }

  /* line 252, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 262, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  /* line 267, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  /* line 272, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  /* line 277, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
  tr,
  img {
    page-break-inside: avoid; }

  /* line 281, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  /* line 291, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  /* line 297, /Users/steve/Work/KBD/bluebox/html/source/css/main.css.scss */
  h2,
  h3 {
    page-break-after: avoid; } }
/* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
body > header {
  font-weight: 300;
  color: black;
  font-size: 14px;
  line-height: 45px;
  box-shadow: 0px 0px 10px #555555;
  padding-bottom: 10px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  background: white;
  padding-top: 55px; }
  /* line 18, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > header .logo {
    line-height: 45px;
    height: 40px;
    color: black;
    display: block;
    float: left;
    width: 500px;
    clear: right; }
    /* line 26, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body > header .logo img {
      max-width: 172px;
      padding: 10px 20px 10px 0;
      margin-right: 20px;
      border-right: 1px solid black;
      float: left; }
  /* line 32, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > header .container {
    max-width: 1100px;
    position: relative; }

    /* line 35, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body > header .container nav {
      float: right;
      clear: right;
      text-transform: capitalize;
      font-weight: 300;
      font-size: 14px; }
      /* line 41, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
      body > header .container nav.utility {
        background: #569dbd;
        font-size: 11px;
        line-height: 11px;
        padding: 0 10px;
        font-weight: 500;
        position: absolute;
        right: 20px;
        top: -55px; }
        /* line 50, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
        body > header .container nav.utility a {
          color: white;
          padding: 15px 0px 10px;
          margin: 0 5px;
         }
          /* line 54, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
          body > header .container nav.utility a:hover {
            color: black; }
      /* line 56, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
      body > header .container nav.main {
        margin-top: 0px; }

      body > header .container nav .sub-menu {
        position: absolute;
        display: inline-block;
        top: 0px;
        padding-top: 37px;
        left: -50px;
        right: -50px;
        white-space: nowrap;
        margin-left: 35px;
        z-index: 0;
        opacity: 0;
        height: 0;
        overflow: hidden;

        -webkit-transition: height 0s 0.25s ease, opacity 0.25s 0s ease-in-out;
        -moz-transition:    height 0s 0.25s ease, opacity 0.25s 0s ease-in-out;
        -ms-transition:     height 0s 0.25s ease, opacity 0.25s 0s ease-in-out;
        -o-transition:      height 0s 0.25s ease, opacity 0.25s 0s ease-in-out;
        transition:         height 0s 0.25s ease, opacity 0.25s 0s ease-in-out; 

      }
      body > header .container nav span {
        position: relative;
      }
      body > header .container nav span:hover .sub-menu {
        height: auto;
        opacity: 1;
        -webkit-transition: height 0s 0.25s ease, opacity 0.25s 0s ease-in-out;
        -moz-transition:    height 0s 0.25s ease, opacity 0.25s 0s ease-in-out;
        -ms-transition:     height 0s 0.25s ease, opacity 0.25s 0s ease-in-out;
        -o-transition:      height 0s 0.25s ease, opacity 0.25s 0s ease-in-out;
        transition:         height 0s 0.25s ease, opacity 0.25s 0s ease-in-out; 

      }
      body > header .container nav .sub-menu a {
        display: block;
        margin: 5px 0;
        background: rgba(86,157,189, .85);
        text-align: center;
        padding: 0 30px;
        color: #fff;
      }
      body > header .container nav .sub-menu a:hover {
        color: #000;
      }
      /* line 58, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
      body > header .container nav a {
        color: black;
        display: inline-block;
        margin: 0 0 0 35px;
        position: relative;
        z-index: 1;


          -webkit-transition: color 0.25s ease-in-out;
          -moz-transition:    color 0.25s ease-in-out;
          -ms-transition:     color 0.25s ease-in-out;
          -o-transition:      color 0.25s ease-in-out;
          transition:         color 0.25s ease-in-out;  }
        /* line 62, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
        body > header .container nav a:hover, body > header .container nav span:hover a.menu-item-has-children, body > header .container nav.main a.current-menu-item, body > header .container nav.main a.current-menu-ancestor {
          color: #0072CE; }
        body > header .container nav.main .sub-menu a.current-menu-item {
          color: #000;
        }

      body #main .container form {
        max-width: 600px;
        padding: 0 20px;
        margin: 0 auto;
      }
      body #main .container form input,
      body #main .container form textarea {
        width: 100%;
        padding: 8px;
        border: 1px solid #c2c2c2;
      }
      body #main .container form input.wpcf7-submit {
        width: auto;
        display: inline-block;
        clear: both;
        background: url("img/arrow-right-white.png") no-repeat 85% center;
        background-color: #778890;
        padding: 10px 20px;
        color: white;
        text-transform: capitalize;
        font-size: 20px;
        margin: 0px 20px 40px 0;
        min-width: 200px;
        font-weight: 100;
      }
      body #main .container form input.wpcf7-submit:hover {
        background-color: #569dbd;
      }
      body #main .container form div.wpcf7-validation-errors {
        border-color: #569dbd;
        margin-top: 0;
      }
    body #lightbox {
      background: #000;
      padding: 0px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      border: 1px solid #569dbd;
    }
    body #lightbox.image_lightbox {
      background: transparent;
      border-width: 0;
      text-align: center;
    }
    body #lightbox .close {
        position: absolute;
        top: 15px;
        right: 15px;
        text-indent: -9999px;
        background: #0072CE url("img/icon-close-white.png") no-repeat center center;
        padding: 5px;
        background-size: 50%;
        border: 1px solid #fff;
        border-radius: 25px;
        height: 25px;
        width: 25px;
         }
body #main a, body #main a p, body #main a h3 {
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
body #main a.button {
  -webkit-transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  -ms-transition: background-color 0.25s;
  transition: background-color 0.25s;
}
/* line 64, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
body footer {
  padding: 40px 20px;
  margin-bottom: -22px;
  background: #768890;
  color: #fff;}
  /* line 68, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body footer .logo {
    width: 172px;
  }
  body footer p {

  font-weight: 300;
  font-size: 13px;
  line-height: 24px;
  color: white; 
   }
  /* line 70, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body footer .container {
    max-width: 955px; }
  /* line 72, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body footer nav {
    float: right;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 14px; }
    /* line 77, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body footer nav.utility {
      background: #768890;
      font-size: 12px;
      line-height: 12px;
      margin-top: 5px;
      padding: 0 0px 0 0;
      text-transform: none;
      clear: both; }
      /* line 85, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
      body footer nav.utility a {
        padding: 1px 10px 1px 0px;
        margin: 10px 10px 10px 0px;
        border-right: 1px solid white; }
    /* line 89, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body footer nav.main {
      margin-top: 5px; }
    /* line 91, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body footer nav.social {
      font-size: 20px;
      line-height: 20px;
      margin-bottom: 0px;
      float: left;
      clear: both;
      display: block; }
      /* line 96, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
      body footer nav.social a {
        margin: 0 5px 0 0;
        padding: 0px 3px;
        color: white; }
        /* line 100, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
        body footer a:hover, body footer nav.social a:hover {
          color: #afdff2;

          -webkit-transition: color 0.25s ease-in-out;
          -moz-transition:    color 0.25s ease-in-out;
          -ms-transition:     color 0.25s ease-in-out;
          -o-transition:      color 0.25s ease-in-out;
          transition:         color 0.25s ease-in-out; }
        /* line 102, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
        body footer nav.social a.facebook {
          height: 25px;
          width: 26px;
          
          background-size: contain;         
          position: relative;
        }
        body footer nav.social a:after, body footer nav.social a:before {
          opacity: 0;
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          -webkit-transition: opacity 0.25s ease-in-out;
          -moz-transition:    opacity 0.25s ease-in-out;
          -ms-transition:     opacity 0.25s ease-in-out;
          -o-transition:      opacity 0.25s ease-in-out;
          transition:         opacity 0.25s ease-in-out;
          height: 25px;
          width: 26px;
          background-size: contain;   
        }
        body footer nav.social a:before {
          opacity: 1;
        }
        body footer nav.social a:hover:after {
          opacity: 1;

        }
         body footer nav.social a:hover:before {
          opacity: 0;

        }
       
        body footer nav.social a.twitter {
          height: 25px;
          width: 26px;
        
          background-size: contain;      
          position: relative;     
        }
        body footer nav.social a.linkedin {
          height: 25px;
          width: 26px;
       
          background-size: contain;    
          position: relative;       
        }
        body footer nav.social a.facebook:before {
          background-image: url(img/icon-facebook.png);
        }
        body footer nav.social a.twitter:before {
          background-image: url(img/icon-twitter.png);
        }
        body footer nav.social a.linkedin:before {
          background-image: url(img/icon-linkedin.png);
        }
        body footer nav.social a.facebook:after {
          background-image: url(img/icon-facebookRO.png);
        }
        body footer nav.social a.twitter:after {
          background-image: url(img/icon-twitterRO.png);
        }
        body footer nav.social a.linkedin:after {
          background-image: url(img/icon-linkedinRO.png);
        }
        body footer nav.social a.fa-linkedin {
          background: white;
          color: #569dbd;
          font-size: 15px;
          line-height: 15px;
          padding: 3px 5px;
          top: -4px;
          border-radius: 3px; }
    /* line 110, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body footer nav a {
      color: white;
      display: inline-block;
      margin: 0 0 0 35px; }
  /* line 114, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body footer a {
    color: white; }
  /* line 116, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body footer form {
    float: right;
    clear: right;
    margin-top: -7px; }
    body footer form br {
      display: block;
      clear: both;
    }
    /* line 119, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body footer form input {
      width: 250px;
      border-width: 0;
      padding: 7px;
      display: inline-block;
      clear: both;
      font-size: 12px;
      border-radius: 5px 0 0 5px; }
      /* line 127, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
      body footer form input[type='submit'] {
        width: 35px !important;
        text-indent: -999px;
        display: inline-block;
        background: white url("img/icon-search.png") no-repeat;
        background-size: 15px 15px;
        background-position: center center;
        padding: 7px 16px;
        margin-left: 2px;
        border-radius: 0 5px 5px 0; }
/* line 137, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
body #main {
  margin-top: 97px; }
  /* line 139, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main header {
    max-height: 300px;
    min-height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%; }
  body #main .container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  body #main .container a {
    color: #0072CE;
  }
  body #main .container .button {
    color: #fff;
  }
  body #main ul.toc {
    list-style: none;
    display: inline-block;
    width: 40%;
    margin: 0;
    margin-left: 5%;
    vertical-align: top;
  }
  body #main ul.toc > li {
    list-style-type: none;
  }
  body #main ul.toc > li ol {
    margin: 0 ;
    padding-left: 23px;
  }
  body #main ul.toc > li ol li {
    padding-left: 15px;
  }
  @media only screen and (max-width: 880px) {
    body #main ul.toc {
      width: 100%;
      margin-left: 0;
    }
    
    body #main ul.toc li {
      line-height: 23px;
    } 
  }
@media only screen and (max-width: 1065px) {
  /* line 152, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > header .container nav.main a {
    margin-left: 15px; }
  body > header .container nav.main .sub-menu {
    margin-left: 0px;
  } }
@media only screen and (max-width: 980px) {
     body #lightbox {
      left: 20px !important;
      right: 20px !important;
      width: auto !important;
      margin-left: 0 !important;
      height: auto !important;
    }
    body #lightbox iframe {
      width: 100% !important;
    }
    body #lightbox .close {
        position: absolute;
        top: -35px;
        right: 0px;
         }
}
@media only screen and (max-width: 960px) {
  /* line 160, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > header .container nav.main a {
    margin-left: 5px; }
  body > header .container nav.main .sub-menu {

    margin-left: -5px;
  }
  /* line 166, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > footer .container form input {
    width: 250px;
    display: inline-block;
    clear: both; } }
@media only screen and (max-width: 925px) {
  /* line 174, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > header .logo {
    font-size: 12px;
    width: 450px; }
  /* line 178, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > header .container nav.main {
    margin-top: 0; }
  /* line 183, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > footer .container nav.main a {
    margin-left: 15px; } }
@media only screen and (max-width: 885px) {
  /* line 188, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > header .logo {
    line-height: 10px;
    margin-top: -22px;
    width: auto; }
    /* line 192, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body > header .logo img {
      border-width: 0;
      float: none;
      display: block; }
  /* line 197, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > header .container nav.main {
    margin-top: 0; }
  /* line 202, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > footer .container nav.main a {
    margin-left: 5px; }
  /* line 205, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main header {
    max-height: 250px;
    min-height: 250px;
    background-position: top center; } }
@media only screen and (max-width: 800px) {
  /* line 216, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > footer .container form input {
    width: 150px;
    display: inline-block; } }
@media only screen and (max-width: 725px) {
  /* line 222, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > footer {
    padding: 20px 20px 10px;text-align: center; }
    /* line 224, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body > footer .logo {
      display: block;
      width: 114px;
      margin: 0 auto 10px; }
    body > footer p {
      display: none;
    }
    /* line 228, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body > footer .container nav.main, body > footer .container nav.utility {
      display: none; }
    /* line 230, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body > footer .container form {
      float: none;
      margin: 0 auto; }
      /* line 232, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
      body > footer .container form input {
        display: none; }
      /* line 234, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
      body > footer .container .social {
        float: none;
        margin: 0 auto;
        text-align: center;
        font-size: 16px; } }
@media only screen and (max-width: 640px) {
  /* line 244, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body > header {
    padding-top: 6px;
    padding-bottom: 0; }
    /* line 247, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body > header .container {
      width: auto;
      padding: 0; }
      /* line 250, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
      body > header .container .logo {
        margin-left: 20px;
        line-height: 0px;
        margin-bottom: 9px;
        margin-top: 0;
        font-size: 0; }
        /* line 256, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
        body > header .container .logo img {
          width: 147px;
          padding-top: 12px; }
      /* line 259, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
      body > header .container .navigation {
        position: relative;
        clear: both;
        cursor: pointer;
        border-top: 1px solid #a3a19f; }
        /* line 263, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
        body > header .container .navigation .menu {
          overflow: auto;
          max-height: 0;
          -webkit-transition: max-height 0.35s ease-out, padding-bottom 0.35s ease-out;
          -moz-transition: max-height 0.35s ease-out, padding-bottom 0.35s ease-out;
          -o-transition: max-height 0.35s ease-out, padding-bottom 0.35s ease-out;
          transition: max-height 0.35s ease-out, padding-bottom 0.35s ease-out; }
        /* line 268, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
        body > header .container .navigation.open:after {
          height: 45px;
          -webkit-transition: height 0s linear;
          -webkit-transition-delay: 0s;
          -moz-transition: height 0s linear 0s;
          -o-transition: height 0s linear 0s;
          transition: height 0s linear 0s; }
        /* line 272, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
        body > header .container .navigation.open .menu {
          max-height: 300px;
          padding-bottom: 0px;
          -webkit-transition: max-height 0.5s ease-out;
          -moz-transition: max-height 0.5s ease-out;
          -o-transition: max-height 0.5s ease-out;
          transition: max-height 0.5s ease-out; }
        /* line 276, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
        body > header .container .navigation:before {
          background: url("img/icon-nav.png") no-repeat;
          position: absolute;
          top: -40px;
          right: 25px;
          content: "";
          background-size: cover;
          width: 28px;
          height: 22px;
          z-index: 10; }
        /* line 286, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
        body > header .container .navigation:after {
          position: absolute;
          bottom: -45px;
          height: 0;
          -webkit-transition: height 0s linear;
          -webkit-transition-delay: 0.25s;
          -moz-transition: height 0s linear 0.25s;
          -o-transition: height 0s linear 0.25s;
          transition: height 0s linear 0.25s;
          content: "";
          left: 0;
          right: 0;
          background: #778890 url("img/icon-nav-up.png") no-repeat;
          background-size: 16px 12px;
          background-position: right center;
          border-right: 25px solid transparent; }
        /* line 298, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
        body > header .container .navigation nav.utility {
          position: relative;
          right: 0;
          background: none;
          padding: 0;
          top: 0; }
        /* line 304, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
        body > header .container .navigation nav {
          float: none; }
          /* line 306, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
          body > header .container .navigation nav a,
          body > header .container .navigation nav .sub-menu a {
            border-top: 1px solid #a3a19f;
            display: block;
            background: white;
            padding: 0 0;
            color: black !important;
            font-size: 16px;
            text-transform: none;
            font-weight: 400;
            line-height: 45px;
            text-align: center;
            margin: 0; }
          body > header .container .navigation nav:first-child > span:first-child a {
            border-top-width: 0;
          }
          body > header .container .navigation nav .sub-menu {
            display: block !important;
            padding-top: 0;
            opacity: 1 !important;
            position: relative;
            left: 0;
            right: 0;
            height: auto !important;
          }

  /* line 319, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main header {
    min-height: 140px;
    max-height: 140px; }
  /* line 322, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main h2 {
    font-size: 24px; }
    /* line 324, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body #main h2 ~ p {
      font-size: 15px;
      line-height: 20px; }
  /* line 327, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main p, body #main li {
    font-size: 15px;
    line-height: 20px; }
  /* line 330, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main h3 {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 20px; }
  body #main h4 {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 15px; }

  body #main h5 {
    margin-bottom: 5px;
    font-size: 10px;
    line-height: 15px; }
    /* line 334, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body #main h3 + ul {
      margin-top: 0; }


  /* line 336, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main .pagination a, body #main .pagination span {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 12px; }
  /* line 341, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main .fact-boxes .box {
    display: block;
    width: auto !important; }
    /* line 344, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body #main .fact-boxes .box h3 {
      margin-bottom: 20px;
      font-size: 16px; }
    /* line 347, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body #main .fact-boxes .box p {
      font-size: 14px !important;
      line-height: 24px; }
    body #main .container {
      padding-top: 30px;
      padding-bottom: 30px;
      }
    body #main .container form input.wpcf7-submit {
      font-size: 14px;
      padding: 5px 15px;
      line-height: 24px;
    }
    body #main .container form div.wpcf7-validation-errors {
      font-size: 14px;
    }
    body #lightbox {
      padding: 0;
      top: 30% !important;
    }
    body #lightbox .close {

      width: 20px;
      right: 0px;
      background-size: 20px 20px; }
}
@media only screen and (max-width: 500px) {
  /* line 354, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main h2 {
    font-size: 16px; }
    /* line 356, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body #main h2 ~ p {
      font-size: 10px;
      line-height: 15px; }
  /* line 359, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main p, body #main li {
    font-size: 10px;
    line-height: 15px; }
  /* line 363, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main .pagination {
    margin-bottom: 20px; }
    /* line 365, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
    body #main .pagination a, body #main .pagination span {
      font-size: 10px;
      line-height: 15px;
      padding: 5px 10px; }
  /* line 370, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main .fact-boxes .box h3 {
    margin-bottom: 10px;
    font-size: 12px; }
  /* line 373, /Users/steve/Work/KBD/bluebox/html/source/css/layout.css.sass */
  body #main .fact-boxes .box p {
    font-size: 10px !important;
    line-height: 16px;
    margin-top: 0; }
    body #main .container {
      padding-top: 20px;
      padding-bottom: 20px;
      }
  body #main .container form input.wpcf7-submit {
      font-size: 10px;
      padding: 5px 10px;
      line-height: 20px;
      display: block;
      width: 128px;
      min-width: 0;
      background-size: 15px 10px;
    }

    body #main .container form div.wpcf7-validation-errors {
      font-size: 10px;
    }
    body #lightbox {
    }
    body #lightbox iframe {
      width: 100% !important;
      height: auto !important;
    }
}
/* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
body.home #main section:nth-child(2n) {
  background-color: white; }

/* line 9, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
#main .home li {
  position: relative;
  height: 620px;
  width: 100%; }
  /* line 13, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  #main .home li .background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
/* line 22, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
#main .home header {
  max-height: 620px;
  position: relative;
      overflow: hidden;

 }
 #main .home header.slider {
  position: relative;
 }
   #main .home header.slider .viewport {
        position: relative;
        overflow: auto;
       /* max-width: 1280px;*/
        width: auto !important;
        margin: 0px auto; }
        #main .home header.slider #video-container {
      position: absolute;
    }
    #main .home header.slider #video-container {
      top:0%;
      left:0%;
      height:100%;
      width:100%;
      bottom: 0%;
      overflow: hidden;
    }
     #main .home header.slider #video-container .phone {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 620px;
      background: url('img/HomeBannerPhone.png') no-repeat left top;
      background-size: contain;
     }
    #main .home header.slider video {
      position:absolute;
      z-index:0;
      transform: rotateY(180deg);
      -webkit-transform:rotateY(180deg); /* Safari and Chrome */
      -moz-transform:rotateY(180deg); /* Firefox */
      -ms-transform:rotateY(180deg); /* Firefox */
      -o-transform:rotateY(180deg); /* Firefox */
    }
    #main .home header.slider video.fillWidth {
      width: 100%;
      min-height: 620px;
    }
    #main .home header.slider ol.dots {
      position: absolute;
      right: 30px;
      top: 35%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    #main .home header.slider ol.dots li {
      height: 20px;
      width: 20px;
      position: relative;
      background: #c3c5ca;
      border-radius: 20px;
      text-indent: -99999px;
      float: none;
      margin: 10px 0;
      display: block;
      opacity: 0.3;
      cursor: pointer;
    }
    #main .home header.slider ol.dots li.active {
      opacity: 1;
    }
  /* line 25, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      #main .home header.slider .viewport ul {
      padding: 0;
      margin: 0;
      text-align: center;}
    /* line 34, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
    #main .home header.slider .viewport li {
      top: 0;
      list-style: none;
      float: left;
      text-align: center; }
  #main .home header ul {
    padding-left: 0;
    margin: 0 auto;
    list-style: none;
    position: relative;
    }
  /* line 30, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  #main .home header li {
    }
    /* line 32, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .home header li .content {
      position: relative;
      max-width: 1280px;

      margin: 0 auto; }
    /* line 36, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .home header li .phone {
      position: absolute;
      top: 100px;
      left: 75px; }
      /* line 40, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      #main .home header li .phone .ellipse {
        position: absolute;
        top: -40px;
        left: -20px; }
    /* line 44, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .home header li .copy {
      position: absolute;
      overflow: hidden;
      width: 660px;
      top: 76px;
      right: 40px;
      text-align: left;
      -webkit-font-smoothing: antialiased; }
      /* line 52, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      #main .home header li .copy h2,
      #main .home header li .copy h3 {
        color: white;
        font-size: 60px;
        line-height: 66px;
        font-weight: 100;
        margin-top: 0;
        text-align: left;
        margin-bottom: 0; }
      #main .home header li .copy h3 {
        font-size: 40px;
        line-height: 52px;
      }
      /* line 60, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      #main .home header li .copy p {
        font-size: 18px;
        line-height: 25px;
        font-weight: 400;
        color: white;
        margin-bottom: 20px;
        max-width: 500px;
        margin-top: 20px; }
        /* line 66, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */


          #main .home header li .copy a.button {
            display: inline-block;
            clear: both;
            background: #768890;
            padding: 5px 10px;
            color: white;
            text-transform: capitalize;
            font-size: 20px;
            margin: 10px 20px 0px 0;
            float: left; }


          #main .home header li .copy a.button:hover {
            background: #009CDE; }


          #main .home header li .copy a.button:after {
            content: "   ";
            background: url("img/arrow-right-white.png") no-repeat 10px 6px;
            display: inline-block;
            width: 20px;
            padding-left: 10px;
            height: 20px; }
          /* line 73, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */

/* line 83, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
#main .home .boxes {
  padding: 14px 0;
  margin: 15px auto;
  vertical-align: top;
  list-style: none;
  position: relative;
  margin-top: -200px;
  background: url("img/transparent-black.png") ;

   }
  /* line 89, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  #main .home .boxes li {
    vertical-align: top;
    width: 32.33333%;
    max-height: 173px;
    display: block;
    overflow: hidden;
    margin: 0 auto; }
    /* line 96, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .home .boxes li .background {
      max-width: 415px;
      margin: 0 auto;
      z-index: 2; 
      max-height: 173px;
      background-size: auto;
      background-repeat: no-repeat;
      background-position: center bottom; 
    }

    body #main .home .boxes li .background .slide,
    body #main .product .boxes li .background .slide {
      max-width: 415px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      z-index: 2; 
      max-height: 173px;
      background-size: auto;
      background-repeat: no-repeat;
      background-position: center bottom; 
    }
    #main .home .boxes li:first-child .background,
    #main .home .boxes li:first-child .background .slide,
    #main .product .boxes li:first-child .background .slide  {
      background-position: center top;
    }

    #main .home .boxes li:first-child a:hover .background .slide:first-child,
    #main .product .boxes li:first-child a:hover .background .slide:first-child {
      -webkit-animation: product-box-1a 2s infinite; /* Safari 4+ */
      -moz-animation:    product-box-1a 2s infinite; /* Fx 5+ */
      -o-animation:      product-box-1a 2s infinite; /* Opera 12+ */
      animation:         product-box-1a 2s infinite; /* IE 10+ */
    }

    #main .home .boxes li:first-child a:hover .background .slide:nth-child(2),
    #main .product .boxes li:first-child a:hover .background .slide:nth-child(2) {
      -webkit-animation: product-box-1b 2s infinite; /* Safari 4+ */
      -moz-animation:    product-box-1b 2s infinite; /* Fx 5+ */
      -o-animation:      product-box-1b 2s infinite; /* Opera 12+ */
      animation:         product-box-1b 2s infinite; /* IE 10+ */
    }

    #main .home .boxes li:first-child a:hover .background .slide:nth-child(3),
    #main .product .boxes li:first-child a:hover .background .slide:nth-child(3) {
      -webkit-animation: product-box-1c 2s infinite; /* Safari 4+ */
      -moz-animation:    product-box-1c 2s infinite; /* Fx 5+ */
      -o-animation:      product-box-1c 2s infinite; /* Opera 12+ */
      animation:         product-box-1c 2s infinite; /* IE 10+ */
    }

    #main .home .boxes li:nth-child(2) a .background .slide,
    #main .product .boxes li:nth-child(2) a .background .slide {
      opacity: 0;
    }

    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(1),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(1),
    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(4),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(4),
    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(7),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(7),
    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(10),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(10),
    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(13),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(13)  {
      -webkit-animation: product-box-2a 0.5s infinite; /* Safari 4+ */
      -moz-animation:    product-box-2a 0.5s infinite; /* Fx 5+ */
      -o-animation:      product-box-2a 0.5s infinite; /* Opera 12+ */
      animation:         product-box-2a 0.5s infinite; /* IE 10+ */
    }

    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(2),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(2),
    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(5),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(5),
    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(8),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(8),
    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(11),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(11),
    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(14),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(14)  {
      -webkit-animation: product-box-2b 0.5s infinite; /* Safari 4+ */
      -moz-animation:    product-box-2b 0.5s infinite; /* Fx 5+ */
      -o-animation:      product-box-2b 0.5s infinite; /* Opera 12+ */
      animation:         product-box-2b 0.5s infinite; /* IE 10+ */
    }

    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(3),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(3),
    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(6),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(6),
    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(9),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(9),
    #main .home .boxes li:nth-child(2) a:hover .background .slide:nth-child(12),
    #main .product .boxes li:nth-child(2) a:hover .background .slide:nth-child(12)  {
      -webkit-animation: product-box-2c 0.5s infinite; /* Safari 4+ */
      -moz-animation:    product-box-2c 0.5s infinite; /* Fx 5+ */
      -o-animation:      product-box-2c 0.5s infinite; /* Opera 12+ */
      animation:         product-box-2c 0.5s infinite; /* IE 10+ */
    }



    #main .home .boxes li:nth-child(3) a .background .slide:first-child,
    #main .product .boxes li:nth-child(3) a .background .slide:first-child {
      top: 35px;
      bottom: -7px;
      -webkit-transform: rotateZ(-90deg);
      -moz-transform:    rotateZ(-90deg);
      -ms-transform:     rotateZ(-90deg);
      -o-transform:      rotateZ(-90deg);
      transform:         rotateZ(-90deg);
      -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s;
      opacity: 0;
    }
    #main .home .boxes li:nth-child(3) a:hover .background .slide:first-child,
    #main .product .boxes li:nth-child(3) a:hover .background .slide:first-child {
      -webkit-transform: rotateZ(0deg);
      -moz-transform:    rotateZ(0deg);
      -ms-transform:     rotateZ(0deg);
      -o-transform:      rotateZ(0deg);
      transform:         rotateZ(0deg);
      opacity: 1;
    }

    #main .home .boxes li:nth-child(3) a .background .slide:last-child,
    #main .product .boxes li:nth-child(3) a .background .slide:last-child {
      top: 35px;
      bottom: -7px;
      -webkit-transform: rotateZ(90deg);
      -moz-transform:    rotateZ(90deg);
      -ms-transform:     rotateZ(90deg);
      -o-transform:      rotateZ(90deg);
      transform:         rotateZ(90deg);
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s;
    }
    #main .home .boxes li:nth-child(3) a:hover .background .slide:last-child,
    #main .product .boxes li:nth-child(3) a:hover .background .slide:last-child {
      -webkit-transform: rotateZ(0deg);
      -moz-transform:    rotateZ(0deg);
      -ms-transform:     rotateZ(0deg);
      -o-transform:      rotateZ(0deg);
      transform:         rotateZ(0deg);

    }


    #main .home .boxes li .background.pattern {
      background-image: url("img/product-box-pattern.png");
      background-repeat: repeat;
      position: absolute;
      max-width: 100%;
      z-index: 1;
    }
    /* line 100, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .home .boxes li:nth-child(1) {
      position: absolute;
      left: 0;
      top: 14px; }
    /* line 104, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .home .boxes li:nth-child(3) {
      position: absolute;
      right: 0;
      top: 14px;
      margin-right: 0; }
    #main .home .boxes li:nth-child(4) {
      display: none;
    }
    /* line 109, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .home .boxes li a {
      color: white;
      font-size: 20px;
      line-height: 26px;
      font-weight: 300;
      text-align: center;
      text-transform: capitalize;
      text-decoration: none;
      display: block;
      white-space: normal;
      overflow: hidden;
      height: 173px;
      position: relative; }
      /* line 121, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      #main .home .boxes li a:after {
        box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.2) inset;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 173px;
        width: 100%;
        position: absolute;
        z-index: 10; }
      /* line 133, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      #main .home .boxes li a:hover:after {
        box-shadow: 0px 0px 50px 1px rgba(0, 0, 0, 0.2) inset;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out; }
      /* line 137, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      #main .home .boxes li a .content {
        -webkit-font-smoothing: antialiased;
        max-width: 325px;
        padding: 0 20px;
        position: absolute;
        text-align: center;
        top: 15px;
        left: 50%;
        right: -50%;

      -webkit-transform: translateX(-50%);
      -moz-transform:    translateX(-50%);
      -ms-transform:     translateX(-50%);
      -o-transform:      translateX(-50%);
      transform:         translateX(-50%);

        z-index: 3;}
      #main .home .boxes li i {
        display: none;
      }
/* line 143, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
#main .video {
  background: white !important;
  position: relative; }
  /* line 146, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  #main .video .background {
    margin: 0 auto;
    position: relative;
    max-width: 1280px; }
    /* line 149, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .video .background img {
      width: 100%; }
    #main .video .background #video {
      position: absolute;
      top: 0%;
      left: 0%;
      right: 0%;
      bottom: 0;
      max-width: 1078px;
      padding: 0 7.890625%;

/*      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);*/
    }
    #main .video .background #video-wrapper {
      position: relative;
      max-width: 1078px;
      margin: 0 auto;
    }
  /* line 151, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  #main .video .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    text-align: center;
    z-index: 10; }
    /* line 158, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .video .content h2 {
 /*     font-size: 58px;
      line-height: 58px;
      font-weight: 200;*/
      margin-top: 0;
      text-transform: capitalize;
      margin-bottom: 30px;
      -webkit-font-smoothing: subpixel-antialiased; }
    /* line 164, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .video .content p {
      font-size: 22px;
      line-height: 32px;
      font-weight: 200;
      -webkit-font-smoothing: antialiased; }
    #main .video .content a.button {
      text-indent: -9999px;
      background: url('img/playbutton-grey.png') no-repeat center center;
      width: 68px;
      height: 68px;
      display: inline-block;
      margin-left: -34px;
      position: absolute;
      top: 40%;
      left: 50%;
      margin-top: -60px;
    }
    #main .video .content a.button:after
    {content: url("img/playbutton-grey.png");

      background-image: url('img/playbutton-hover.png');
     width:0;
     height:0;
     visibility:hidden;}
    #main .video .content a.button:before {
      text-indent: -9999px;
      background: url('img/playbutton-hover.png') no-repeat center center;
      width: 68px;
      height: 68px;
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      z-index: -1;
      content: "";
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
    }
    #main .video .content a.button:hover:before {
      opacity: 1;
    }



@media only screen and (max-width: 1220px) {
  /* line 175, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */

  /* line 179, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  body #main .video .content {
    top: 50px; } }
@media only screen and (max-width: 1200px) {
  body #main .home header li .copy {
    /*width: 550px;*/
    right: 60px; }
 }

@media only screen and (max-width: 1100px) {
  #main .home header.slider video.fillWidth {
    width: auto;
  }
  #main .video .content {
    top: 50px; }
    /* line 158, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .video .content h2 {
      font-size: 36px;
      line-height: 36px;
      margin-bottom: 25px;}
    /* line 164, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .video .content p {
      font-size: 14px;
      line-height: 18px; }
}



@media only screen and (max-width: 1000px) {
  /* line 207, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  body #main .home header li .copy {
    width: 500px;
    right: 60px; }
  body #main .home header li .background {
    left: -10%;
  }
    /* line 210, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    body #main .home header li .copy h2 {
      font-size: 50px;
      line-height: 58px; }
    body #main .home header li .copy h3 {
      font-size: 30px;
      line-height: 58px;
    }
    body #main .home header li .copy h2 br {
      display: none;
    }
    /* line 213, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    body #main .home header li .copy p {
      font-size: 18px;
      line-height: 25px; }
      /* line 216, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
} 

@media only screen and (max-width: 900px) {
   #main .home .boxes li a .content span {
    background: rgba(0,0,0,0.5);
    padding: 1px;
   }
    #main .home .boxes li a .content span br {
      display: none;
    }
    #main .video .content {
    top: 50px; }
    /* line 158, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .video .content h2 {
      font-size: 28px;
      line-height: 28px;
      margin-bottom: 20px;}
    /* line 164, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .video .content p {
      font-size: 11px;
      line-height: 14px; }
}
@media only screen and (max-width: 800px) {
  /* line 230, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  body #main .home .boxes li a {
    font-size: 18px;
    line-height: 23px; }
  /* line 234, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  body #main .video .content {
    top: 30px; }
    /* line 236, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
     body #main .home header li .copy h2 {
      font-size: 40px;
      line-height: 48px; }
       body #main .home header li .copy h3 {
      font-size: 30px;
      line-height: 38px; }
    /* line 213, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    body #main .home header li .copy p {
      font-size: 16px;
      line-height: 25px; }
      #main .video .content a.button {
        margin-top: -34px;
        } }
@media only screen and (max-width: 780px) {
  /* line 248, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  body #main .home header li .copy {

    right: 60px; }
    /* line 251, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
}

@media only screen and (max-width: 640px) {
  /* line 278, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  #main .home header.slider .viewport {
    max-height: 230px;
  }
  body #main .home header {
    max-height: 330px;
  }
  #main .home header.slider #video-container .phone,
  #main .home header.slider video.fillWidth {
    max-height: 330px;min-height: 330px;
   }

  #main .home header.slider ol.dots {

      right: 30px;
    }
    #main .home header.slider ol.dots li {
      height: 10px;
      width: 10px;
      border-radius: 10px;
    }
  body #main .home header.slider ul {
    overflow: hidden;
    height: 330px; }
  /* line 280, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  body #main .home header.slider li {
    height: 330px;
    overflow: hidden;
    position: relative; }
    /* line 284, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    body #main .home header li .background {
      background-position: left center;
    }
    /* line 294, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    body #main .home header li .content {
      position: absolute;
      top: 20px;
      left: 150px;
      right: 20px;
      bottom: 20px;
    }
    body #main .home header li .copy {
      position: absolute;
      right: 0px;
      top: 35%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0px;
      margin: 0;
      width: auto;
      padding: 20px;
      text-align: left;
      overflow: visible; }
      /* line 301, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      body #main .home header li .copy h2,
      body #main .home header li .copy h3 {
        font-size: 24px;
        text-align: left;
        line-height: 32px;
        margin: 0px 0 10px;
        padding-left: 20px;}
      body #main .home header li .copy h3 {
        font-size: 20px;
        line-height: 28px;
      }
      /* line 306, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      body #main .home header li .copy p {
        margin: 0;
        padding: 0 20px;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
        text-align: left; }
body #main .home header li .copy p br {
      display: none;
    }
        body #main .home header li .copy p a.button {
          margin: 0 auto;
          float: none;
          font-size: 20px;
        }
        /* line 313, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */

  /* line 322, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  body #main .home .boxes {
    padding: 0;
    margin: 0 auto; }
    /* line 325, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    body #main .home .boxes li {
      vertical-align: top;
      width: 100%;
      max-height: 54px;
      display: inline-block;
      overflow: hidden;
      margin: 2px auto 0; }
      /* line 332, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      body #main .home .boxes li .background {
        background-position: top center;
        max-width: 100%;
        display: none; }
      /* line 335, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      body #main .home .boxes li:first-child {
        position: relative;
        left: 0;
        top: 0; }
      /* line 339, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      body #main .home .boxes li:nth-child(3) {
        position: relative;
        right: 0;
        top: 0;
        margin-right: 0; }
      /* line 344, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      body #main .home .boxes li a {
        color: white;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        width: 100%;
        display: block;
        font-weight: 400;
        margin-left: auto;
        margin-right: auto;
        height: 54px; }
        /* line 353, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
        body #main .home .boxes li a .content {
          -webkit-font-smoothing: antialiased;
          padding: 0 20px;
          margin: 0 auto;
          position: relative;
          margin-top: 0;
          top: 0;
          display: table;
          max-width: 250px;
          left: auto;
          right: auto;
          text-align: center;

          -webkit-transform: translateX(0);
          -moz-transform:    translateX(0);
          -ms-transform:     translateX(0);
          -o-transform:      translateX(0);
          transform:         translateX(0); }
          /* line 359, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
          body #main .home .boxes li a .content span {
            background: none;
            text-align: center;
            height: 54px;
            padding: 0;
            display: table-cell;
            vertical-align: middle; }
          body #main .home .boxes li a .content span br {
            display: block;
          }
            /* line 363, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
            body #main .home .boxes li a .content span:after {
              display: inline-block;
              content: "";
              height: 10px;
              width: 16px;
              background: url("img/arrow-right-white.png") no-repeat;
              background-position: 3px 0;
              background-size: cover;
              position: absolute;
              margin-top: 2px; }
  /* line 376, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  body #main .video .background img {
    margin-top: 30px; }
  /* line 378, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  body #main .video .content {
    top: 20px; }
    /* line 380, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    body #main .video .content h2 {
      font-size: 18px;
      line-height: 18px;
      margin-bottom: 0; }
    /* line 384, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    body #main .video .content p {
      font-size: 14px;
      line-height: 18px; }
}
@media only screen and (max-width: 500px) {
  /* line 391, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    #main .home header.slider .viewport {
    max-height: 150px;
  }
  #main .home header.slider ol.dots {
    right: 10px;
  }
  body #main .home header li .background {
    left: -8%;
  }
  body #main .home header.slider ul  {
    height: 215px;
  }
  body #main .home header.slider li {
    height: 215px; }

  #main .home header.slider #video-container .phone,
  #main .home header.slider video.fillWidth {
    min-height: 215px;
   }

  #main .home header.slider #video-container .phone {
    max-height: 215px;
  }

    /* line 394, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    body #main .home header li .copy p {
      font-size: 9px;
      line-height: 12px;
      text-align: left; }
      /* line 397, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
      body #main .home header li .content {
        left: 110px;
        right: 0;
      }
    body #main .home header li .copy h2 {
      text-align: left;
      font-size: 17px;
      line-height: 22px;
    }
    body #main .home header li .copy h3 {
      font-size: 13px;
      line-height: 18px;
    }


        body #main .home header li .copy p a.button {
          margin: 7px auto 0;
          float: none;
          font-size: 9px;
          line-height: 12px;
        }
        body #main .home header li .copy p a.button:after {
          background-position: 0px 1px;
          height: 5px;
          background-size: contain;
          padding-bottom: 3px;
          width: 12px;
          padding-left: 0px;
        }
  /* line 407, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
  body #main .video .content {
    top: 20px; }
    /* line 409, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    body #main .video .content h2 {
      font-size: 12px;
      line-height: 12px;
      margin-bottom: 0; }
    /* line 413, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */
    body #main .video .content p {
      font-size: 8px;
      line-height: 12px; }
  }
/* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
#main .product li {
  position: relative;
  height: 620px;
  width: 100%; }
  /* line 9, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product li .background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
/* line 18, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
#main .product header {
  max-height: none;
  min-height: 0; }
  /* line 21, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product header ul {
    padding-left: 0;
    margin: 0 auto;
    list-style: none;
    position: relative; }
  /* line 26, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product header li {
    height: 512px; }
    /* line 28, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product header li .content {
      position: relative;
      margin: 0 auto; }
    /* line 31, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product header li .copy,
    #main .technology header li .copy {
      position: absolute;
      overflow: hidden;
      max-width: 480px;
      top: 120px;
      left: 0;
      text-align: left;
      padding: 40px 85px 40px 160px;
      -webkit-font-smoothing: antialiased;
      background: rgba(0, 0, 0, 0.3); }
      /* line 41, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product header li .copy h2,
      #main .technology header li .copy h2 {
        color: white;
        font-size: 50px;
        line-height: 55px;
        font-weight: 100;
        margin-top: 0;
        text-align: left;
        margin-bottom: 0; }
      /* line 49, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product header li .copy p,
      #main .technology header li .copy p {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        color: white;
        margin-top: 15px;
        margin-bottom: 0; }
        /* line 56, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product header li .copy p a,
        #main .technology header li .copy p a {
          padding: 0 0px;
          color: white;
          position: relative;
          text-transform: capitalize;          
          -webkit-transition: all 0.15s ease-in-out;
          -moz-transition: all 0.15s ease-in-out;
          -o-transition: all 0.15s ease-in-out;
          transition: all 0.15s ease-in-out;  }
        #main .product header li .copy p a:hover,
        #main .technology header li .copy p a:hover {
          color: #569dbd;
        }
          /* line 63, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
          #main .product header li .copy p a:before,
          #main .technology header li .copy p a:before {
            content: "";
            width: 20px;
            padding-left: 0px;
            height: 18px;
            margin-left: 10px;
            background: url("img/arrow-right-white.png") no-repeat;
            background-size:contain;
            vertical-align: middle;
            display: inline-block;
            position: absolute;
            top: 4px;
            right: -24px;
            text-align: right;
            margin-top: 0px;
            -webkit-transition: all 0.15s ease-in-out;
            -moz-transition: all 0.15s ease-in-out;
            -o-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;  }
           #main .product header li .copy p a:after,
           #main .technology header li .copy p a:after {
            content: "";
            width: 20px;
            padding-left: 0px;
            height: 18px;
       
            margin-left: 10px;
            background: url("img/arrow-right-ro.png") no-repeat;
            background-size:contain;
            vertical-align: middle;
            display: inline-block;

            position: absolute;
            top: 4px;
            right: -24px;
            margin-top: 0px;
            opacity: 0;
            -webkit-transition: all 0.15s ease-in-out;
            -moz-transition: all 0.15s ease-in-out;
            -o-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out; }
             #main .product header li .copy p a:hover:before,
             #main .technology header li .copy p a:hover:before {
              opacity: 0;
            /*background-image: url("img/arrow-right-white.png")*/
            }
            #main .product header li .copy p a:hover:after,
             #main .technology header li .copy p a:hover:after {
              opacity: 1;
            /*background-image: url("img/arrow-right-white.png")*/
            }
     
/* line 78, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
#main .product .boxes {
  padding: 0;
  margin: 15px auto;
  vertical-align: top;
  list-style: none;
  position: relative;
  width: 100%; }
  /* line 85, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product .boxes li {
    vertical-align: top;
    width: 32.33333%;
    max-height: 240px;
    display: block;
    margin: 0 auto; }
    /* line 91, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product .boxes li .background {
      max-width: 415px;
      background-size: auto;
      background-repeat: no-repeat;
      background-position: center bottom; 
      margin: 0 auto;
      z-index: 2; }
    /* line 95, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product .boxes li:first-child {
      position: absolute;
      left: 0;
      top: 0; }
    /* line 99, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product .boxes li:nth-child(3) {
      position: absolute;
      right: 0;
      top: 0;
      margin-right: 0; }
    /* line 105, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product .boxes li:nth-child(4) {
      display: none; }
    /* line 107, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product .boxes li a {
      color: white;
      font-size: 20px;
      line-height: 26px;
      text-transform: capitalize;
      font-weight: 300;
      text-align: left;
      text-decoration: none;
      display: block;
      white-space: normal;
      overflow: hidden;
      height: 173px;
      position: relative; }
      /* line 119, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product .boxes li a:after {
        box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.2) inset;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 173px;
        width: 100%;
        position: absolute;
        z-index: 10; }
      /* line 131, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product .boxes li a:hover:after {
        box-shadow: 0px 0px 50px 1px rgba(0, 0, 0, 0.2) inset;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out; }
      /* line 135, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product .boxes li a .content {
        -webkit-font-smoothing: antialiased;
        max-width: 325px;
        padding: 0 20px;
        position: absolute;
        text-align: center;
        top: 15px;
        left: 50%;
        right: -50%;

      -webkit-transform: translateX(-50%);
      -moz-transform:    translateX(-50%);
      -ms-transform:     translateX(-50%);
      -o-transform:      translateX(-50%);
      transform:         translateX(-50%);
      z-index:3;}

    /* line 96, /Users/steve/Work/KBD/bluebox/html/source/css/home.css.sass */

    #main .product .boxes li:first-child .background {
      background-position: center top;
    }
    #main .product .boxes li .background.pattern {
      background-image: url("img/product-box-pattern.png");
      background-repeat: repeat;
      position: absolute;
      max-width: 100%;
      z-index: 1;
    }
    #main .product .boxes li span i {
      display: none;
    }
    #main .product .sticky-wrapper.is-sticky .boxes li,
    #main .product .sticky-wrapper.is-sticky .boxes li a,
    #main .product .sticky-wrapper.is-sticky .boxes li a:after {
      height: 87px;
    }
    #main .product .sticky-wrapper.is-sticky .boxes li .background {
      display: none;
    }
    #main .product .sticky-wrapper.is-sticky .boxes li span i {
        display: block;
        float: left;
        margin-left: -60px;
        margin-top: -5px;
       }
/* line 141, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
#main .product .sticky-wrapper {
  width: 100%;
  position: relative;
  margin: 15px auto;
  z-index: 10; }
  /* line 146, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product .sticky-wrapper .boxes {
    width: 100%;
    margin-top: 0;
    background: white; }
  /* line 151, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product .sticky-wrapper.is-sticky .boxes {
    border-bottom: 0px solid white;
    box-shadow: 0px 0px 10px #555555; }
    /* line 154, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product .sticky-wrapper.is-sticky .boxes li {
      opacity: 0.5; }
      /* line 156, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product .sticky-wrapper.is-sticky .boxes li.active {
        opacity: 1; }
        /* line 158, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product .sticky-wrapper.is-sticky .boxes li.active:after {
          content: "";
          border-left: 20px solid transparent;
          border-right: 20px solid transparent;
          border-top: 30px solid black;
          position: absolute;
          left: 50%;
          bottom: -30px;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);}
    #main .product .sticky-wrapper.is-sticky .boxes li a .content {
      position: relative;
      text-align: center;
    }
    #main .product .sticky-wrapper.is-sticky .boxes li:nth-child(2) a .content {
      max-width: 170px;
    }

/* line 172, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
#main .product section {
  max-width: 730px;
  margin: 0 auto;
  text-align: left;
  margin-top: 40px;
  padding-right: 380px;
  padding-left: 20px; }
  /* line 178, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section .box a {
    display: inline-block;
    text-transform: capitalize;
    color:#0072CE;
  } 
    /* line 25, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    #main .product section .box a:hover {
      color: #539dbf;
    }

  #main .product section .box, #main .product section img,.product section .img, #main .product section .laptop-slider, #main .product section .phone-slider, #main .product section.section-part .button {
    float: right;
    margin-right: -380px;
    max-width: 290px;
    clear: right;
    margin-bottom: 20px;
    background: #f3f4f4;
    text-align: left;
    padding-bottom: 10px; }
    #main .product section.section-part .button {
      background: #778890;
      padding: 10px 20px;
      color: white;
      text-align: center;
      text-transform: capitalize;
      font-size: 20px;
      min-width: 250px;
      margin-right: -480px;
   }

/* line 60, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
#main .product section.section-part a.button:hover {
  background: #569dbd; }

/* line 64, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
#main .product section a.button:after {
  content: "   ";
  background: url("img/arrow-right-white.png") no-repeat 10px 6px;
  display: inline-block;
  width: 20px;
  padding-left: 10px;
  height: 20px; }
    /* line 187, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section .box h3, #main .product section .phone-slider h3,
    #main .product section .box h3, #main .product section .laptop-slider h3 {
      color: #7ea885;
      font-size: 20px;
      font-weight: 100;
      text-transform: capitalize;
      margin: 20px 20px 10px; }
    /* line 193, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section .box p, #main .product section .phone-slider p,
    #main .product section .box p, #main .product section .laptop-slider p {
      font-size: 17px !important;
      line-height: 23px;
      font-weight: 300;
      margin: 10px;
      color: #000 !important;
      padding-right: 0;
      margin: 10px 20px 10px;}
  /* line 200, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section#section3 {
    padding-bottom: 60px; }
  /* line 202, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section .phone-slider {
    list-style: none;
    padding: 0;
    position: relative;
    max-width: 165.75px;
    padding-bottom: 30px;
    background: transparent;
    margin-right: -310px; }
    /* line 211, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section .phone-slider:after {
      content: "";
      background: url("img/phone-mask-android.png") no-repeat;
      z-index: 2;
      background-size: contain;
      position: absolute;
      top: -34px;
      left: -17px;
      height: 450px;
      width: 336px;  }
    /* line 221, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section .phone-slider .left, #main .product section .phone-slider .right {
      position: absolute;
      left: -50px;
      top: 150px;
      cursor: pointer;
      z-index: 5;
      width: 15px;
      margin: 0;
      padding: 0;
      background: transparent;}
    /* line 228, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section .phone-slider .right {
      left: auto;
      right: -50px;
      width: 15px; }
    /* line 232, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section .phone-slider .viewport {
      position: relative;
      overflow: auto;
      margin-top: -95px; }
      /* line 236, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product section .phone-slider .viewport ul {
        padding: 0;
        margin: 0;
        text-align: center; }
      /* line 240, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product section .phone-slider .viewport li {
        top: 0;
        list-style: none;
        float: left;
        padding: 0;
        text-align: center; }
        /* line 246, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product section .phone-slider .viewport li h3 {
          color: black;
          font-size: 18px;
          line-height: 20px;
          font-weight: 400;
          text-transform: capitalize;
          margin: 0;
          text-align: center;
          margin-bottom: 85px;
          height: 30px; }
          #main .product section .phone-slider .viewport li h3 div {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            height: 60px;
            width: 165px;
          }
        /* line 254, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product section .phone-slider .viewport li p {
          height: 291.75px;
          width: 165px;
          margin: 0;
          padding: 0; }
        #main .product section .phone-slider .viewport li p img {
          margin: 0;
          padding: 0;
        }

    #main .product section .laptop-slider {
    list-style: none;
    padding: 0;
    position: relative;
    z-index: 1;
    max-width: 377px;
    padding-bottom: 30px;
    background: transparent;
    margin-right: -337px; }
    /* line 211, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section .laptop-slider:after {
      content: "";
      background: url("img/laptop.png") no-repeat;
      z-index: -1;
      background-size: contain;
      position: absolute;
      top: 0;
      left: 0;
      height: 222px;
      width: 377px;  }
     #main .product section .laptop-slider:before {
      content: "click to enlarge";
      position: absolute;
      left: 40px;
      font-size: 14px;
      bottom: -20px;
    }
    /* line 221, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section .laptop-slider .left, #main .product section .laptop-slider .right {
      position: absolute;
      left: 0px;
      top: 80px;
      cursor: pointer;
      z-index: 5;
      width: 15px;
      margin: 0;
      padding: 0;
      background: transparent;}
    /* line 228, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section .laptop-slider .right {
      left: auto;
      right: -40px;
      width: 15px; }
    /* line 232, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section .laptop-slider .viewport {
      position: relative;
      overflow: auto;
      margin-top: 15px; 
      max-width: 282px;
      margin-left: 46px;}
      /* line 236, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product section .laptop-slider .viewport ul {
        padding: 0;
        margin: 0;
        text-align: center; }
      /* line 240, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product section .laptop-slider .viewport li {
        top: 0;
        list-style: none;
        float: left;
        padding: 0;
        text-align: center; }
        /* line 246, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product section .laptop-slider .viewport li h3 {
          color: black;
          font-size: 18px;
          line-height: 20px;
          font-weight: 400;
          text-transform: capitalize;
          margin: 0;
          text-align: center;
          margin-bottom: 85px;
          height: 30px; }
          #main .product section .laptop-slider .viewport li h3 div {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            height: 60px;
            width: 165px;
          }
        /* line 254, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product section .laptop-slider .viewport li p {
          height: 175px;
          width: 282px;
          margin: 0;
          padding: 0; }
        #main .product section .laptop-slider .viewport li p img {
          margin: 0;
          padding: 0;
        }
  /* line 259, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section h2 {
    text-align: left;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 15px; }
    /* line 264, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section h2 + p,
    #main .product section h3 + p {
      margin-top: 5px;
      font-size: 16px;
      line-height: 24px;
      color: #0072CE;
      font-weight: 300;
      padding-right: 0; }

    #main .product section h3 {
      font-size: 28px;
      margin-bottom: 10px;
      line-height: 36px;
      text-align: left;
      color: #0072CE;
      font-weight: 100;
    }
  /* line 271, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section p {
    font-weight: 300;
    padding-right: 100px; }
  /* line 274, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section li {
    height: auto; }
  /* line 276, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section ul {
    font-weight: 100;
    padding-left: 23px;
    position: relative;
    z-index: 1; }
    /* line 281, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section ul li {
      padding-right: 100px;
      position: relative;
      z-index: 1; }
  /* line 285, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section ol {
    padding-left: 0;
    padding-right: 100px; }
    /* line 288, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section ol li {
      display: inline-block;
      width: 23%;
      vertical-align: top;
      padding-left: 9%;
      position: relative; }
      /* line 294, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product section ol li:before {
        content: "1";
        color: #768890;
        font-weight: 400;
        font-size: 20px;
        background: #f3f4f4;
        height: 40px;
        width: 40px;
        border-radius: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        left: 2%; }
    /* line 307, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section ol li:nth-child(2):before {
      content: "2"; }
    /* line 309, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section ol li:nth-child(3):before {
      content: "3"; }
  /* line 311, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section p, #main .product section li {
    font-size: 16px;
    line-height: 24px; }
/* line 314, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
#main .product section.slider {
  background: whitesmoke;
  padding: 0;
  max-width: 100%;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2) inset; }
  /* line 319, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider .container {
    max-width: 1280px;
    padding: 40px 0; }
  /* line 322, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider h2, #main .product section.slider p {
    text-align: center;
    margin-top: 0; }
  /* line 325, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider p {
    font-size: 22px;
    font-weight: 200;
    color: #000;
    padding-right: 0; }
  /* line 329, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider h2 {
  }
  /* line 334, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider p a {
    display: inline-block;
    clear: both;
    background: #778890;
    padding: 10px 20px;
    color: white;
    font-weight: 300;
    text-transform: capitalize;
    font-size: 20px;
    margin: 40px 20px 40px 0;
    min-width: 200px; }
    /* line 345, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider p a:hover {
      background: #569dbd; }
    /* line 347, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider p a:after {
      content: "   ";
      background: url("img/arrow-right-white.png") no-repeat 10px 6px;
      display: inline-block;
      width: 20px;
      padding-left: 10px;
      height: 20px; }
  /* line 354, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider .slider {
    margin: 80px 80px 0 !important; }
    /* line 357, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider .slider > .dragger {
      width: 84px;
      height: 84px;
      margin: 0 auto;
      background: url("img/slider-thumb.png") no-repeat;
      backgroud-size: cover;
      z-index: 3; }
    /* line 364, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider .slider > .track {
      height: 11px;
      background: #fafafa;
      border-radius: 5px;
      border: 2px solid #e0e0e0; }
    /* line 370, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider .slider > .highlight-track {
      height: 11px;
      background: #787878;
      border-radius: 5px;
      background-color: #c5c5c5; }
  /* line 375, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider .slider-values {
    margin: 0 60px 60px 60px; }
    /* line 377, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider .slider-values article {
      display: inline-block;
      width: 33%;
      font-weight: 300;
      text-align: center;
      vertical-align: top; }
      /* line 382, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product section.slider .slider-values article:first-child h3 {
        text-align: left; }
        /* line 384, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product section.slider .slider-values article:first-child h3:before {
          left: 0;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0); }
      /* line 387, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product section.slider .slider-values article:last-child h3{
        text-align: right; }
        /* line 389, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product section.slider .slider-values article:last-child h3:before {
          left: auto;
          right: 0;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0); }
      /* line 393, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */

      #main .product section.slider .slider-values article h3 {
        font-size: 24px;
        text-transform: capitalize;
        font-weight: 100;
        position: relative;
        cursor: pointer;
        color: #000;
        text-align: center;}
        /* line 399, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product section.slider .slider-values article h3:before {
          background: url("img/slider-dot.png") no-repeat;
          position: absolute;
          content: "";
          width: 38px;
          height: 40px;
          top: -86px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%); }

@media only screen and (max-width: 360px) {
  #main .home header.slider video.fillWidth {
    display: none;
  }
  #main .home header.slider #video-container {
    background: url("img/video.gif") no-repeat;
    background-size: cover;

  }


}
      /* line 408, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product section.slider .slider-values article p {
        display: none; font-weight: 300;}

#main .image-slider {
  position: relative;
  max-width: 240px;
  margin: 0px auto 30px;
  padding-bottom: 0px;
  float: right;
  margin-right: -360px; }
  #main .image-slider .left, #main .image-slider .right {
    position: absolute;
    left: -35px;
    top: 75px;
    cursor: pointer;
    z-index: 10;
    width: 25px;
    height: 25px;
    background: url("img/button-arrow-left.png") no-repeat center center;
    }
    #main .image-slider .caption {
      position: absolute;
      bottom: -10px;
      font-size: 10px;
      color: #000;
    }
  #main .image-slider .right {
    left: auto;
    right: -35px;
    background-image:url("img/button-arrow-right.png"); }
  #main .image-slider .viewport {
    position: relative;
    overflow: auto; }
    #main .image-slider .viewport ul {
      padding: 0;
      margin: 0;
      text-align: center; }
    #main .image-slider .viewport li {
      top: 0;
      list-style: none;
      float: left;
      text-align: center;
      padding-right: 0;
      font-weight: 400;
      text-transform: capitalize; }
    #main .image-slider .viewport li img,

    #main .image-slider .viewport li .img {
      margin: 0 0 15px;
      float: none;
      width: 100%;
      height: auto;
      padding-bottom: 0;
    }
    #main .image-slider .viewport li .img img {
      width: auto;
      max-width: 100%;
    }


@media only screen and (max-width: 1180px) {
  /* line 416, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section ol li:before {
    font-size: 14px;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    line-height: 30px; } }
@media only screen and (max-width: 1160px) {
  /* line 426, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section {
    margin-right: 20px; }
    /* line 428, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider {
      margin-right: 0; } }
@media only screen and (max-width:1024px) {

    #main .product .sticky-wrapper.is-sticky .boxes li span i {
      display: none;
    }
}
@media only screen and (max-width: 920px) {
  /* line 436, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */

    #main .product .sticky-wrapper.is-sticky .boxes li a {
      font-size: 14px;
      line-height: 17px;
    }
  #main .product section ol li {
    display: block;
    width: auto;
    padding-left: 40px;
    margin-bottom: 15px; }
    /* line 441, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section ol li:before {
      left: 0; }
  /* line 445, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider .slider .track {
    width: 99% !important; }
  /* line 448, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider .slider-values article {
    width: 32%; } }
@media only screen and (max-width: 640px) {
  /* line 457, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product header li {
    min-height: 140px;
    max-height: 140px; }
    /* line 460, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product header li .content {
      position: absolute;
      bottom: 0px;
      left: 0; }
    /* line 464, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product header li .copy {
      padding: 10px 10px 10px 40px;
      bottom: 20px;
      min-width: 200px;
      top: auto; }
      /* line 468, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
     
      #main .technology header li .copy p,
      #main .product header li .copy p {
        display: none; }
      #main .technology header li .copy h2,
      #main .product header li .copy h2 {
        font-size: 14px;
        line-height: 18px;
        -webkit-font-smoothing: subpixel-antialiased;
      }
    
      #main .technology header li .copy p:last-child,
      #main .product header li .copy p:last-child  {
        display: block;
        text-indent: 0;
        margin: 10px 0 0;
        white-space: nowrap;
        line-height: 10px; }
        #main .technology header li .copy p:last-child a,
        #main .product header li .copy p:last-child a {
          font-size: 12px;
          line-height: 10px;
          content: "Video"; }
          #main .technology header li .copy p:last-child a:before,
          #main .product header li .copy p:last-child a:before {
            font-size: 12px;
            line-height: 10px;
            display: none;
            width: auto;
            height: auto;
            position: relative;
            top: 0;
            right: 0;
            background: url("#") }
          #main .technology header li .copy p:last-child a:after,
          #main .product header li .copy p:last-child a:after {
            width: 12px;
            height: 10px;
            display: none;
            font-size: 10px;
            line-height: 10px;
            margin-left: 7px;
            margin-top: 2px; }
      /* line 470, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    /*  #main .product header li .copy p:last-child {
        display: block;
        text-indent: 0;
        margin: 0;
        white-space: nowrap;
        line-height: 10px; }*/
        /* line 476, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
/*        #main .product header li .copy p:last-child a {
          font-size: 0px;
          line-height: 10px;
          text-indent: -99999;
          content: ""; }*/
          /* line 481, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
/*          #main .product header li .copy p:last-child a:before {
            font-size: 12px;
            line-height: 10px;
            content: "Video";
            width: auto;
            height: auto;
            background: url("#") }*/
          /* line 485, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  /*        #main .product header li .copy p:last-child a:after {
            width: 20px;
            height: 20px;
            font-size: 10px;
            line-height: 10px;
            margin-left: 7px;
            margin-top: -5px; }*/
  /* line 491, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product .sticky-wrapper {
    margin: 2px auto 0; }


    /* line 495, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product .boxes li.active:nth-child(4) {
      display: block;
    }
    #main .product .boxes li span i {
      display: block !important;
      margin: 0 auto !important;
      float: none !important;
      margin-top: -15px !important;
      height: 30px;
    }
    #main .product .boxes .background {
      display: none;
    }#main .product .boxes .content {
      display: block !important;
    }
    #main .product .boxes li a .content {
      top: 23px;
      right: 0;
      left: 0;
      text-align: center;


    

      -webkit-transform: none;
      -moz-transform:    none;
      -ms-transform:     none;
      -o-transform:      none;
      transform:         none;
    }
    #main .product .sticky-wrapper.is-sticky .boxes li, 
    #main .product .sticky-wrapper.is-sticky .boxes li a,
    #main .product .sticky-wrapper.is-sticky .boxes li a:after {
      height: 45px;
    }
    #main .product .boxes li img {
      height: 100%;
      width: auto;
    }
    #main .product .sticky-wrapper.is-sticky .boxes li {
      opacity: 1; }
      /* line 497, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product .sticky-wrapper.is-sticky .boxes li.active {
        opacity: 1; }
        /* line 499, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product .sticky-wrapper.is-sticky .boxes li.active:after {
          content: "";
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 15px solid black;
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          bottom: -14px; }
        /* line 508, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product .sticky-wrapper.is-sticky .boxes li.active:nth-child(1):after {
          border-top-color: #79b7ce; }
        /* line 510, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product .sticky-wrapper.is-sticky .boxes li.active:nth-child(2):after {
          border-top-color: #e69629; }
        /* line 512, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product .sticky-wrapper.is-sticky .boxes li.active:nth-child(3):after {
          border-top-color: #7fa885; }
        /* line 514, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product .sticky-wrapper.is-sticky .boxes li.active:nth-child(4):after {
          border-top-color: #cccccc; }
  /* line 516, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product .boxes {
    margin: 2px auto 20px;
    text-align: center; }
    /* line 519, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product .boxes li {
      width: 25%;
      max-height: 50px;
      z-index: 2;
      height: 45px;
      padding-left: 0;
      position: relative !important;
      float: left; }
      /* line 527, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product .boxes li .background {
        max-height: 45px;
        background-position: center 80%;
        margin: 0 auto;
        background-size: 150%;
        border: 1px solid white; }
      /* line 535, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product .boxes li:nth-child(1) .background {
        border-left-width: 0; }
      /* line 537, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product .boxes li:nth-child(2) {
        display: inline-block;
        width: 25%; }
      /* line 540, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product .boxes li:nth-child(3) {
        display: inline-block;
        width: 25%;
        margin-left: 0;
        border-left-width: 0; }
      /* line 545, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product .boxes li:nth-child(4) {
        display: block; }
        /* line 547, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product .boxes li:nth-child(4) .background {
          border-right-width: 0;
          background-size: 40%;
          background-position: center center; }
      /* line 551, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product .boxes li a {
        height: 45px; 
        text-align: center;}
        /* line 553, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product .boxes li a .content {
          font-size: 0; }
        /* line 555, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
        #main .product .boxes li a:after {
          display: none; }
  /* line 557, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section {
    padding-top: 15px;
    padding-right: 20px; }
    /* line 560, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section .box, #main .product section .phone-slider, #main .product section.section-part .button, #main .product section .image-slider  {
      float: none;
      margin-right: auto;
      margin-left: auto;
      display: block;
      overflow: hidden; }
    #main .product section.section-part .button {
      width: auto;
      min-width: 200px;
      font-size: 16px;
    }
    #main .product section.section-part a.button:after {

    }

    #main .product section .laptop-slider {
      margin: 40px auto 40px;
      float: none;
    }

    #main .product section .laptop-slider:before {

      bottom: -35px;
    }

    #main .product section .laptop-slider .viewport {
      top: 15px;
    }

    /* line 566, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section .phone-slider{
      margin-top: 130px;
      margin-bottom: 100px;

      overflow: visible;
      clear: both;}
      #main .product section .phone-slider:after{
      top: 61px; }
      #main .product section .image-slider {
        margin: 30px auto 0;
        display: block;
        clear: both;
        overflow: visible;
      }
      /* line 574, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product section .phone-slider li h3 {
        line-height: 28px; }
    /* line 576, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section h2 {
      font-size: 24px;
      line-height: 24px; }
      /* line 579, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product section h2 ~ p {
        font-size: 15px;
        line-height: 20px; }
    /* line 582, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section p, #main .product section ul li, #main .product section ol li {
      font-size: 15px;
      line-height: 20px; }
    /* line 585, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section h3 {
      margin-bottom: 5px;
      font-size: 15px;
      line-height: 20px; }
      /* line 590, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
      #main .product section h3 + ul {
        margin-top: 0; }
    /* line 592, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section ul, #main .product section ol, #main .product section p {
      padding-right: 0; }
    /* line 594, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section h3 {
      margin-bottom: 20px;
      font-size: 16px;
      padding-left: 0; }
    /* line 598, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section p {
      font-size: 14px !important;
      line-height: 24px; }
  /* line 602, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider h2 + p {
    display: none; }
  /* line 604, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider h2 {
    margin-bottom: 20px;
    font-size: 24px; }
  /* line 607, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider .slider {
    display: none; }
  /* line 610, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider .slider-values article {
    display: block;
    width: auto; }
    /* line 613, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider .slider-values article h3 {
      text-align: center !important;
      color: #0072CE;
      font-size: 18px;
      text-transform: none;
      margin-bottom: 4px;
      margin-top: 20px; }
    /* line 620, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider .slider-values article h3:before {
      display: none; }
    /* line 622, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider .slider-values article p {
      display: block;
      font-size: 14px;
      color: black;
      line-height: 24px; }
  /* line 628, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider p a.button {
    margin: 10px 0; } }
@media only screen and (max-width: 500px) {
  /* line 638, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section h2, #main .product section.slider h2 {
    font-size: 16px;
    line-height: 20px; }
    /* line 640, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section h2 ~ p, #main .product section h3 ~ p {
      line-height: 13px;
      font-size: 10px !important;
    }
    #main .product section h2 + p, #main .product section.slider h2 ~ p {
      font-size: 10px !important;
      line-height: 15px; }

      #main .product section.section-part p {
        padding-left: 0 !important;
      }
  /* line 643, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section p, #main .product section ul, #main .product section ol, #main .product section ul li, #main .product section ol li, #main .product section.slider p, #main .product section.slider ul, #main .product section.slider ol, #main .product section.slider ul li, #main .product section.slider ol li {
    font-size: 10px;
    line-height: 15px; }
  /* line 647, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section ol li, #main .product section.slider ol li {
    padding-left: 30px; }
  /* line 649, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section ol li:before, #main .product section.slider ol li:before {
    margin-top: 0;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    line-height: 20px; }
  /* line 656, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider .slider-values {
    margin-bottom: 20px; }
    /* line 659, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider .slider-values article h3 {
      font-size: 14px; }
    /* line 661, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider .slider-values article p {
      font-size: 10px !important;
      line-height: 15px; }
  /* line 666, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
  #main .product section.slider p a.button {
    margin: 10px auto;
    font-size: 10px;
    min-width: 0;
    padding-left: 30px; }
    /* line 671, /Users/steve/Work/KBD/bluebox/html/source/css/product.css.sass */
    #main .product section.slider p a.button:after {
      height: 8px;
      width: 12px;
      background-position: 0 0;
      margin-left: 5px;
      background-size: contain; }
      #main .product section .image-slider {
        margin-bottom: 25px;
      }
      #main .product section .image-slider .caption {
        text-align: center;
        right: 0;
        left: 0;
      }
    #main .image-slider .left {
      left: -20px;
    }
     #main .image-slider .right  {
      right: -20px;
     }

    #main .product section .laptop-slider {
      margin: 20px auto 20px;
      float: none;
      max-width: 188px;
    }

    #main .product section .laptop-slider .left,
    #main .product section .laptop-slider .right {
      width: 15px !important;
      top: 30px;
    }

    #main .product section .laptop-slider .left {
      left: -20px;
    }
     #main .product section .laptop-slider .right {
      right: -20px;
    }

    #main .product section .laptop-slider:after {
      width: 188px;
      height: 111px;
    }

    #main .product section .laptop-slider:before {
      font-size: 10px;
      bottom: -10px;
      left: 20px;
    }

    #main .product section .laptop-slider .viewport {
      top: 7px;
      margin-left: 23px;
      max-width: 141px;
    }

    #main .product section .laptop-slider .viewport li img,
    #main .product section .laptop-slider .viewport li p {
      max-width: 141px;
      max-height: 88px;
    }
    .image_lightbox img {
      max-width: 100% !important;
    }
  }
/* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/technology.css.sass */
body.page-template-page-technology-php #main > section:nth-child(2n+1) {
  background: whitesmoke;
}

body.page-template-page-technology-php #main section.resources {
  background: whitesmoke;
  border-top: 5px solid #fff;
}
#main .technology li {
  position: relative;
  height: 300px;
  width: 100%; }
  /* line 9, /Users/steve/Work/KBD/bluebox/html/source/css/technology.css.sass */
  #main .technology li .background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
/* line 18, /Users/steve/Work/KBD/bluebox/html/source/css/technology.css.sass */
#main .technology header {
  max-height: none;
  min-height: 0; }
  /* line 21, /Users/steve/Work/KBD/bluebox/html/source/css/technology.css.sass */
  #main .technology header ul {
    padding-left: 0;
    margin: 0 auto;
    list-style: none;
    position: relative; }
  /* line 26, /Users/steve/Work/KBD/bluebox/html/source/css/technology.css.sass */
  #main .technology header li {
    height: 620px; }
    /* line 28, /Users/steve/Work/KBD/bluebox/html/source/css/technology.css.sass */
    #main .technology header li .content {
      position: relative;
      margin: 0 auto; }
    /* line 31, /Users/steve/Work/KBD/bluebox/html/source/css/technology.css.sass */
    /*#main .technology header li .copy {
      position: absolute;
      overflow: hidden;
      max-width: 376px;
      top: 160px;
      left: 0;
      text-align: left;
      padding: 40px 85px 40px 160px;
      -webkit-font-smoothing: subpixel-antialiased;
      background: rgba(128, 128, 128, 0.46); }
  
      #main .technology header li .copy h2 {
        color: white;
        font-size: 32px;
        line-height: 36px;
        font-weight: 100;
        margin-top: 0;
        text-align: left;
        margin-bottom: 0; }
      
      #main .technology header li .copy p {
        font-size: 18px;
        line-height: 24px;
        font-weight: 100;
        color: white;
        margin-top: 15px;
        margin-bottom: 0; }
      
        #main .technology header li .copy p a {
          font-size: 24px;
          line-height: 48px;
          padding: 0 0px;
          color: white;
          font-weight: normal;
          text-transform: capitalize; }
         
          #main .technology header li .copy p a:after {
            content: "";
            width: 35px;
            padding-left: 2px;
            height: 35px;
            margin-left: 15px;
            background: url("img/circle-button.png") no-repeat;
            background-size:contain;
            vertical-align: middle;
            display: inline-block;
            margin-top: -5px; }
            #main .technology header li .copy p a:hover:after {

            background-image: url("img/circle-buttonRO.png")
            }
          #main .technology header li .copy p a:before{
            content: "";
            width: 0;
            height: 0;
            background: url("img/circle-buttonRO.png")
          }*/
#main .technology-layers {
  max-width: 1280px;
  margin: 40px auto;
  padding: 0 20px 0 0;
}
#main .technology-diagram {
  max-width: 875px;
  margin: 40px auto;
  padding: 0 20px;
  text-align: center;
  position: relative;
}

#main .technology-diagram a.icon {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  max-width: 120px;
  line-height: 20px;
  color: #000;
  margin: 0 20px;
  font-weight: 200;
  vertical-align: top;
}
#main .technology-diagram a.icon:hover {
  text-decoration: none;
}
#main .technology-diagram a.icon img {
  margin-bottom: 15px;
  display: inline-block;
}
#main .technology-diagram .diagram {
  position: relative;
  display: inline-block;
  max-width: 100% !important;
}
#main .technology-diagram .diagram img.off {
  z-index: 2;
  position: relative;
}
#main .technology-diagram .diagram img.hover {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 100%;
  width: 100%;
  max-width: 100% !important;
}

#main .technology-diagram .diagram .hover-images img{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#main .technology-diagram .diagram .hover-images img.active{
  z-index: 3;
}

#main .technology-diagram h2 ~ p {
  font-size: 22px;
  line-height: 32px;
  margin: 40px 0;
  font-weight: 200;
}
#main .technology-diagram img {
  max-width: 100%;
  height: auto;
}
#main .technology-layers .diagram, #main .technology-layers .copy{
  width: 49%;
  display: inline-block;
  vertical-align: top
}
#main .technology-layers .diagram img {
  width: 100%;
}
#main .technology-layers  .copy {
  padding-top: 60px;
  padding-left: 3%;
  width: 47%;
}
#main .technology-layers  .copy h2 {
  text-align: left;
}
#main .technology-layers  .copy ul.downloads {
  padding: 0;
}
#main .technology-layers  .copy ul.downloads li {
      display: block;margin-bottom: 15px; }
      /* line 32, /Users/steve/Work/KBD/bluebox/html/source/css/resources.css.sass */
      #main .technology-layers  .copy ul.downloads li a {
        background: url("img/icon-document.png") left center no-repeat !important;
        padding: 0 0 0 50px;
        color: black;
        display: block;
        text-transform: capitalize;
        font-size: 16px;
        line-height: 50px;
        text-align: left; }
      #main .technology-layers  .copy ul.downloads li a:before {
        background: url("img/icon-documentRO.png") left center no-repeat;
        background-size: 0%;
        content: "";
      }
      #main .technology-layers  .copy ul.downloads li a:hover {
        /*background-image: url("img/icon-documentRO.png");*/
        text-decoration: none;
        color: #0076be;
      }
#main .technology-diagram .popups {
  position: absolute;
  z-index: 10;
  top: 20%;
  max-width: 700px;
  left: -20px;
  right: -20px;
}
#main .technology-diagram .popups .popup {
  display: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  border: 1px solid #569dbd;
  background: #fff;
  position: absolute;
  padding: 60px 30px;
}
#main .technology-diagram .popups .popup .image,
#main .technology-diagram .popups .popup .copy {
  width: 100%;
  display: inline-block;
  vertical-align: top
}
#main .technology-diagram .popups .popup .image img {
  max-width: 100%;
  display: none;
}
#main .technology-diagram .popups .popup .copy {
  padding-top: 0px;
  padding-left: 3%;
  width: 100%;
  text-align: left;
}
#main .technology-diagram .popups .popup .copy h2 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 100;
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: capitalize;
}
#main .technology-diagram .popups .popup .copy p {
  font-size: 16px;
  line-height: 26px;
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 300;
}
#main .technology-diagram .popups .popup .copy ul {
  padding-left: 23px;
  font-weight: 300;
}
#main .technology-diagram .popups .popup .copy ul.downloads {
  padding: 0;
}
#main .technology-diagram .popups .popup .copy ul.downloads li {
      display: block;margin-bottom: 15px; }
      /* line 32, /Users/steve/Work/KBD/bluebox/html/source/css/resources.css.sass */
      #main .technology-diagram .popups .popup .copy ul.downloads li a {
        background: url("img/icon-document.png") left center no-repeat !important;
        padding: 0 0 0 50px;
        color: black;
        display: block;
        text-transform: capitalize;
        font-size: 16px;
        line-height: 50px;
        text-align: left; }
      #main .technology-diagram .popups .popup .copy ul.downloads li a:before {
        background: url("img/icon-documentRO.png") left center no-repeat !important;
        background-size: 0%;
        content: "";
      }
      #main .technology-diagram .popups .popup .copy ul.downloads li a:hover {
        /*background-image: url("img/icon-documentRO.png") !important;*/
        text-decoration: none;
        color: #0076be;
      }
#main .technology-diagram .popups .popup .close {
        position: absolute;
        top: 25px;
        right: 35px;
        text-indent: -9999px;
        background: url("img/icon-close.png") no-repeat;
        background-size: cover;
        height: 25px;
        width: 21px; }
#main .technology-diagram .popups .popup.open {
  display: block;
  z-index: 5;
}
@media only screen and (max-width: 640px) {

#main .technology-diagram a.icon {
  font-size: 14px;
  display: inline-block;
  text-align: center;
  width: 120px;
  line-height: 16px;
  color: #000;
  margin: 0 15px 10px;
  vertical-align: top;
}
#main .technology-diagram a.icon:hover {
  color: #0072CE;
}
#main .technology-diagram a.icon img {
  margin-bottom: 15px;
  display: inline-block;
  width: 60px;
  height: auto;
}
  /* line 83, /Users/steve/Work/KBD/bluebox/html/source/css/technology.css.sass */
  #main .technology header li {
    min-height: 140px;
    max-height: 140px; }
    /* line 86, /Users/steve/Work/KBD/bluebox/html/source/css/technology.css.sass */
    #main .technology header li .content {
      position: absolute;
      bottom: 0px;
      left: 0; }
    /* line 90, /Users/steve/Work/KBD/bluebox/html/source/css/technology.css.sass */
    #main .technology header li .copy {
      padding: 10px 10px 10px 40px;
      bottom: 20px;
      min-width: 200px;
      top: auto; }
      /* line 94, /Users/steve/Work/KBD/bluebox/html/source/css/technology.css.sass */
      /*#main .technology header li .copy p {
        display: none; }
      #main .technology header li .copy h2 {
        font-size: 14px;
        line-height: 18px;
        -webkit-font-smoothing: subpixel-antialiased;
      }
    
      #main .technology header li .copy p:last-child {
        display: block;
        text-indent: 0;
        margin: 10px 0 0;
        white-space: nowrap;
        line-height: 10px; }
        #main .technology header li .copy p:last-child a {
          font-size: 0px;
          line-height: 10px;
          text-indent: -99999px;
          content: ""; }
          #main .technology header li .copy p:last-child a:before {
            font-size: 12px;
            line-height: 10px;
            content: "Video";
            width: auto;
            height: auto;
            background: url("#") }
          #main .technology header li .copy p:last-child a:after {
            width: 20px;
            height: 20px;
            font-size: 10px;
            line-height: 10px;
            margin-left: 7px;
            margin-top: -5px; }*/
    #main .technology-layers  .copy ul.downloads li a {
      background-size: auto 22px;
      padding: 0 0 0 25px;
      font-size: 16px;
      line-height: 36px;
    }
  #main .technology-diagram h2 ~ p {
  font-size: 16px;
  line-height: 20px;
  margin: 30px 0;}

#main .technology-diagram .popups .popup {
  padding: 40px 10px;
}
#main .technology-diagram .popups .popup .image,
#main .technology-diagram .popups .popup .copy {
  width: 29%;
}

#main .technology-diagram .popups .popup .copy {
  width: 63%;
}
#main .technology-diagram .popups .popup .copy h2 {

  font-size: 18px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 20px;
}

#main .technology-diagram .popups .popup .close {
        height: 10px;
        width: 10px;
        right: 10px;
        top: 10px;
        background-size: 10px 10px; }
#main .technology-diagram .popups .popup .copy p,
#main .technology-diagram .popups .popup .copy li {
  font-size: 12px;
  line-height: 20px;
}
#main .technology-diagram .popups .popup .copy ul.downloads li a {
      background-size: auto 22px;
      padding: 0 0 0 25px;
      font-size: 15px;
      line-height: 24px;
    }
}
@media only screen and (max-width: 500px) {
  #main .technology-layers .diagram, #main .technology-layers .copy{
    display: block;
    width: auto;
    max-width: 80%;
    margin: 0 auto;
  }
  #main .technology-layers  .copy ul.downloads li {
    margin-bottom: 5px;
  }
  #main .technology-layers  .copy ul.downloads li a  {
    font-size: 10px;
    line-height: 28px; }

  #main .technology-diagram h2 ~ p {
  font-size: 12px;
  line-height: 16px;
  margin: 20px 0;}
  #main .technology-diagram .popups .popup .copy p,

  #main .technology-diagram .popups .popup .copy li {
  font-size: 9px;
  line-height: 14px;
}
#main .technology-diagram .popups .popup .copy ul.downloads li a {
      background-size: auto 22px;
      padding: 0 0 0 25px;
      font-size: 12px;
      line-height: 24px;
    }
}
}/* line 3, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
body.archive.category #main .container {
  padding-top: 40px; }
  /* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
  body.archive.category #main .container nav {
        text-align: center;
        font-size: 32px;
        margin-bottom: 40px; }
        body.archive.category #main .container nav:before {
          display: none;
        }
        /* line 26, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
        body.archive.category #main .container nav a {
          display: inline-block;
          border-left: 3px solid #cccccc;
          padding: 0 20px;
          font-size: 32px;
          color: #cccccc;
          font-weight: 100; }
          /* line 31, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
          body.archive.category #main .container nav a:first-child {
            border-left: 0; }
          /* line 33, /Users/steve/Work/KBD/bluebox/html/source/css/style.css.sass */
          body.archive.category #main .container nav a.active, body.archive.category #main .container nav a:hover {
            color: #0076be; }

  body.archive.category #main .container article {
    clear: left;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative; }
    /* line 11, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container article h2 {
      margin-top: 0;
      text-align: left;
      font-size: 32px;
      font-weight: 100;
      margin-bottom: 20px; }
      /* line 16, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
      body.archive.category #main .container article h2 a {
        color: #0072CE; }
      body.archive.category #main .container article h2 a:hover {
        color: #569dbd; }
    /* line 18, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container article p {
      padding-left: 170px;
      width: 66%; }
      /* line 21, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
      body.archive.category #main .container article p a {
        color: #0072CE; }
        body.archive.category #main .container article p a:hover {
        color: #569dbd; }
        /* line 23, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
        body.archive.category #main .container article p a.readmore {
          display: inline-block;
          text-transform: capitalize; }
          /* line 25, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
          body.archive.category #main .container article p a.readmore:after {
            content: "";
          
            height: 16px;
            width: 20px;
            display: inline-block;
            top: 2px; }
    /* line 32, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container article aside {
      float: left;
      margin-left: 0px;
      width: 160px; }
      /* line 36, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */

      body.archive.category #main .container article aside p {
        font-weight: normal;
        margin: 5px 0;
        padding-left: 0;
        width: 100%;
        font-size: 14px;
        line-height: 18px; }
        /* line 43, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
        body.archive.category #main .container article aside p.date {
          font-style: italic;
          font-weight: 100;
          font-size: 14px; }
      /* line 47, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
      body.archive.category #main .container article aside img {
        background: #cccccc;
        width: 130px;
        height: 130px; }
  /* line 50, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
  body.archive.category #main .container .posts {
    width: 75%;
    float: left; }
  /* line 52, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
  body.archive.category #main .container .sidebar {
    float: right;
    width: 135px;
    margin-right: -20px; }
    /* line 56, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container .sidebar h2 {
      margin: 0 0 10px;
      color: #569dbd;
      font-size: 16px;
      font-weight: 400;
      text-align: left; }
    /* line 62, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container .sidebar ul {
      font-size: 16px;
      font-weight: 100;
      margin: 10px 0 5px;
      list-style: none;
      padding-left: 0; }
    body.archive.category #main .container .sidebar ul a {
      color: #000;
      font-size: 16px;
      font-weight: 300;
      margin: 15px 0 0px;
    }
    /* line 66, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container .sidebar ul ul {
      margin-top: 0;
    }

    body.archive.category #main .container .sidebar > ul > li + li {
      margin-top: 10px;
    }
    body.archive.category #main .container .sidebar ul ul a {
      font-size: 16px;
      color: #666666;
      font-weight: 300;
      display: block;
      padding-left: 10px;

      margin: 5px 0 5px; }
      /* line 72, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
      body.archive.category #main .container .sidebar a:hover, body.archive.category #main .container .sidebar a.active {
        color: #0072CE; }

@media only screen and (max-width: 640px) {
  /* line 77, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
  body.archive.category #main .container {
    padding-top: 30px;
    padding-bottom: 30px; }
    /* line 80, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container nav {
      font-size: 24px;
      margin-bottom: 30px; }
    body.archive.category #main .container nav a {
      font-size: 24px;
    }
    /* line 83, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container .sidebar {
      display: none; }
    /* line 85, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container .posts {
      width: auto; }
    /* line 87, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container p + article {
      margin-top: 30px; }
    /* line 89, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container article {
      position: relative;
      padding-left: 150px;
      min-height: 180px; }
      /* line 93, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
      body.archive.category #main .container article aside {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        margin-top: 0; }
      /* line 97, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
      body.archive.category #main .container article h2 {
        font-size: 18px;
        margin-bottom: 15px; }
      /* line 100, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
      body.archive.category #main .container article p {
        font-size: 14px;
        padding-left: 0;
        width: auto;
        margin-top: 10px;
        line-height: 15px; }
        /* line 104, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
        body.archive.category #main .container article p a.readmore {
          font-size: 13px; }
          /* line 106, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
          body.archive.category #main .container article p a.readmore:after {
            height: 14px;
            width: 16px;
            background-size: cover; }
  /* line 110, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
  body.archive.category #main a.button {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px; } }
@media only screen and (max-width: 500px) {
  /* line 117, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
  body.archive.category #main .container {
    padding-top: 20px;
    padding-bottom: 20px; }
    /* line 120, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container nav {
      font-size: 18px;
      margin-bottom: 20px; }
      body.archive.category #main .container nav a {
        font-size: 18px;
      }
    /* line 123, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container p + article {
      margin-top: 20px; }
    /* line 125, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
    body.archive.category #main .container article {
      position: relative;
      padding-left: 85px;
      min-height: 100px;
      margin-bottom: 10px;
      padding-bottom: 10px; }
      /* line 131, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
      body.archive.category #main .container article aside {
        position: absolute;
        top: 0;
        left: 0; }
        /* line 135, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
        body.archive.category #main .container article aside img {
          width: 75px;
          height: 75px; }
        /* line 137, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
        body.archive.category #main .container article aside p {
          font-size: 10px;
          line-height: 14px;
          margin-bottom: 0; }
          /* line 141, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
          body.archive.category #main .container article aside p.date {
            font-size: 10px; }
      /* line 143, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
      body.archive.category #main .container article h2 {
        font-size: 14px;
        margin-bottom: 5px; }
      /* line 146, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
      body.archive.category #main .container article p {
        font-size: 10px;
        padding-left: 0;
        width: auto; }
        /* line 150, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
        body.archive.category #main .container article p a.readmore {
          font-size: 10px; }
          /* line 152, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
          body.archive.category #main .container article p a.readmore:after {
            height: 10px;
            width: 14px;
            background-size: cover; } }
/* line 2, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
body.page-template-page-news-php #main section:nth-child(2n+1) {
  background-color: whitesmoke;
}
#main .news-articles {
  text-align: center;
  padding-bottom: 80px; }
  #main .news-articles section {
    display: none;
    background: #fff !important;
  }
   #main .news-articles nav a, #main .partners nav a, #main .resources nav a {
    font-weight: 100;
   }
  #main .news-articles nav + section{
    display: block;
  }
  /* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
  #main .news-articles article {

    margin: 0 10px 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
  }
  #main .news-articles article a {
    text-align: center;
    width: 243px;
    height: 213px;
    overflow: hidden;
    padding: 25px 10px 10px;
    border: 1px solid #7d7d7d;
    display: inline-block;
    vertical-align: top;
    position: relative; }
    #main .news-articles article .thumbnail {
      max-width: 50%;
      height: 35%;
      display: block;
      position: relative;
    }

    #main .news-articles article .thumbnail div {
      max-width: 100% !important;
      height: auto !important;
      max-height: 100% !important;
      width: auto !important;
      margin: 0 auto !important;
    }

    #main .news-articles article .svg-replaced {
      position: absolute;
      visibility: hidden;
    }

    #main .news-articles article > img,

    #main .news-articles article .grayscale {
      max-width: 100% !important;
      height: auto !important;
      max-height: 100% !important;
      width: auto !important;
      margin: 0 auto;

      filter: url("img/filter.svg#grayscale");

      /* IE 6-9 */
      filter: gray;

      /* Chrome 19+, Safari 6+, Safari 6+ iOS */
      -webkit-filter: grayscale(100%);
    }
    #main .news-articles article .thumbnail {
      position: relative;
      vertical-align: middle;
      display: inline-block;
      text-align: center;
      opacity: 0.65;
      /* Firefox 10+, Firefox on Android */
    }
    #main .news-articles article a:hover .thumbnail {
      opacity: 1;
    }
    #main .news-articles article a:hover .thumbnail img {

      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
      -webkit-filter: grayscale(0%);
    }
        #main .news-articles article a:hover .thumbnail svg image {
          filter: url("#");
        }
    #main .news-articles article a:hover p {
      color: #0072CE;
    }
    /* line 16, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
    #main .news-articles article p {
      position: absolute;
      top: 50%;
      right: 10px;
      left: 10px;
      text-align: left; }
    #main .news-articles article p.date {
      top: 0;
      position: relative;
      font-style: italic;
      font-size: 20px;
    }
    /* line 21, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
    #main .news-articles article .readmore {
      text-indent: -9999px;
      display: inline-block;
      width: 20px;
    }
  #main .news-articles article a:hover .readmore {

     }


  /* line 26, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
  #main .news-articles a.seemore {
    display: block;
    clear: both;
    background: #778890;
    padding: 20px 40px;
    color: white;
    text-transform: capitalize;
    font-size: 20px;
    width: 157px;
    margin: 20px auto;
    font-weight: 300;
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    -ms-transition: background-color 0.25s;
    transition: background-color 0.25s;
     }
    /* line 36, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
    #main .news-articles a.seemore:hover {
      background: #569dbd; }
    /* line 38, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
    #main .news-articles a.seemore:after {
      content: "   ";
      background: url("img/arrow-right-white.png") no-repeat 10px 6px;
      display: inline-block;
      width: 20px;
      padding-left: 10px;
      height: 20px; }

@media only screen and (max-width: 640px) {
  /* line 47, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
  body #main .news-articles {
    padding-bottom: 0; }
    /* line 49, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
    body #main .news-articles .container {
      padding-top: 30px;
      padding-bottom: 40px; }
      /* line 52, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
      body #main .news-articles .container nav,
      body #main .partners .container nav,
      body #main .resources .container nav {
        font-size: 24px;
        margin-bottom: 30px; }
        /* line 55, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
        body #main .news-articles .container nav a,
        body #main .partners .container nav a,
        body #main .resources .container nav a {
          border-left-width: 1px; }
    /* line 57, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */

    body #main .news-articles article a {
      width: 180px;
      height: 158px; }
      /* line 60, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
      body #main .news-articles article img {
        max-height: 70px;
        max-width: 160px; }
      /* line 63, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
      body #main .news-articles article p {
        font-size: 12px;
        line-height: 17px; }
        /* line 66, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
        body #main .news-articles article p .readmore {
          width: 14px;
          height: 14px;
          background-size: cover;
          background-position: 0 3px; }
    /* line 71, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
    body #main .news-articles a.seemore {
      font-size: 16px;
      margin-top: 30px;
      margin-bottom: 0px;
      padding: 10px 20px; } }
@media only screen and (max-width: 500px) {
  /* line 78, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
  body #main .news-articles {
    padding-bottom: 0; }
    /* line 80, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
    body #main .news-articles .container {
      padding-top: 20px;
      padding-bottom: 30px; }
      /* line 83, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
      body #main .news-articles .container nav,
      body #main .partners .container nav,
      body #main .resources .container nav {
        font-size: 18px;
        margin-bottom: 20px; }
       body #main .news-articles .container nav a,
        body #main .partners .container nav a,
        body #main .resources .container nav a {
          padding: 0 10px;margin-bottom: 5px;}
    /* line 86, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
    body #main .news-articles article {

      margin: 5px 0 5px 5px;
      }
      body #main .news-articles article a {
         width: 120px;
        height: 115px;
        padding: 5px;
      }
      /* line 91, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
      body #main .news-articles article .thumbnail {
        margin-top: 10%;
      }
      body #main .news-articles article img {
        max-height: 52px;
        max-width: 110px; }
      /* line 94, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
      body #main .news-articles article p {
        font-size: 9px;
        line-height: 13px;
        left: 5px;
        right: 5px; }
        /* line 99, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
        body #main .news-articles article p .readmore {
          width: 10px;
          height: 10px;
          background-size: cover;
          background-position: 0 2px; }
    #main .news-articles article p.date {
      font-size: 12px;
    }
    /* line 105, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
    body #main .news-articles a.seemore {
      font-size: 10px;
      margin-top: 20px;
      margin-bottom: 0px;
      padding: 10px 20px;
      width: 80px; }
      /* line 111, /Users/steve/Work/KBD/bluebox/html/source/css/news.css.sass */
      body #main .news-articles a.seemore:after {
        height: 8px;
        padding-left: 0;
        width: 15px;
        background-size: contain;
        background-position: 5px center; } }
/* line 2, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
#main .awards {
  text-align: center; }
  /* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
  #main .awards .container {
    padding-top: 30px; }
  /* line 7, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
  #main .awards p {
    font-size: 24px;
    font-weight: 100;
    line-height: 34px;
    max-width: 800px;
    margin: 0 auto; }
  /* line 13, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
  #main .awards .slider {
    position: relative;
    max-width: 800px;
    margin: 50px auto 20px;
    padding-bottom: 30px;
    width: 80%; }
    /* line 19, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
    #main .awards .slider .left, #main .awards .slider .right {
      position: absolute;
      left: -5%;
      top: 40px;
      width: 15px;
      cursor: pointer;
      z-index: 10; }
    /* line 25, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
    #main .awards .slider .right {
      left: auto;
      right: -7%; }
    /* line 28, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
    #main .awards .slider .viewport {
      position: relative;
      overflow: auto; }
      /* line 31, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
      #main .awards .slider .viewport ul {
        padding: 0;
        margin: 0;
        text-align: left;
        white-space: nowrap; }
      /* line 36, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
      #main .awards .slider .viewport li {
        top: 0;
        list-style: none;
        display: inline-block;
        vertical-align: middle;
        text-align: center; }
        /* line 42, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
        #main .awards .slider .viewport li img {
          max-width: 80%; }
        /* line 44, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
        #main .awards .slider .viewport li a {
          display: block; }

@media only screen and (max-width: 640px) {
  /* line 49, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
  body #main .awards {
    padding-bottom: 0; }
    /* line 51, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
    body #main .awards .container {
      padding-top: 30px;
      padding-bottom: 30px; }
    /* line 54, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
    body #main .awards p {
      font-size: 20px; }
    /* line 56, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
    body #main .awards .slider {
      width: 85%; }
      /* line 58, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
      body #main .awards .slider ul {
        margin-left: -2px; }
      /* line 60, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
      body #main .awards .slider .left {
        left: -10%; }
      /* line 62, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
      body #main .awards .slider .right {
        right: -12%; } }
@media only screen and (max-width: 500px) {
  /* line 68, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
  body #main .awards {
    padding-bottom: 0; }
    /* line 70, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
    body #main .awards .container {
      padding-top: 20px;
      padding-bottom: 20px; }
    /* line 74, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
    body #main .awards p {
      font-size: 10px;
      line-height: 15px; }
    /* line 77, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
    body #main .awards .slider {
      width: 85%;
      margin-top: 20px;
      padding-bottom: 10px;
      margin-bottom: 0px; }
      /* line 83, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
      body #main .awards .slider .viewport ul {
        margin-left: -4px; }
      /* line 86, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
      body #main .awards .slider .viewport li img {
        max-width: 70%; }
      /* line 88, /Users/steve/Work/KBD/bluebox/html/source/css/awards.css.sass */
      body #main .awards .slider .left, body #main .awards .slider .right {
        width: 15px; } }
/* line 2, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
#main .media {
  text-align: center; }
  /* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
  #main .media h2 {
    margin-bottom: 5px; }
    /* line 7, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
    #main .media h2 + p {
      margin-top: 5px; }
  /* line 9, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
  #main .media .container {
    padding-top: 30px;
    padding-bottom: 40px; }
  /* line 12, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
  #main .media ul.files {
    list-style: none;
    padding-left: 0; }
    /* line 15, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
    #main .media ul.files li {
      display: inline-block; }
      /* line 17, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
      #main .media ul.files li a {
        text-indent: -9999px;
        display: block;
        width: 340px;
        height: 198px;
        background: white center center;
        background-size: cover;
        position: relative;
        margin: 20px; }
        /* line 26, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
        #main .media ul.files li a:after {
          position: absolute;
          bottom: 0;
          right: 0;
          content: "";
          background: url("img/icon-download.png") no-repeat;
          background-size: cover;
          width: 38px;
          height: 38px; }
        #main .media ul.files li a:hover:after {
          background-image: url("img/icon-downloadRO.png");
        }
        #main .media ul.files li a:before
        {content: url("img/icon-downloadRO.png");
         width:0;
         height:0;
         visibility:hidden;position: absolute;}

@media only screen and (max-width: 640px) {
  /* line 37, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
  body #main .media {
    padding-bottom: 0; }
    /* line 39, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
    body #main .media .container {
      padding-top: 30px;
      padding-bottom: 30px; }
    /* line 44, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
    body #main .media ul.files li a {
      width: 210px;
      height: 123px; }
      /* line 47, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
      body #main .media ul.files li a:after {
        width: 25px;
        height: 25px; } }
@media only screen and (max-width: 500px) {
  /* line 53, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
  body #main .media {
    padding-bottom: 0; }
    /* line 55, /Users/steve/Work/KBD/bluebox/html/source/css/media.css.sass */
    body #main .media .container {
      padding-top: 20px;
      padding-bottom: 10px; } }
/* line 4, /Users/steve/Work/KBD/bluebox/html/source/css/news_and_press.css.sass */
#main .news_and_press {

  background: whitesmoke !important; }
  /* line 7, /Users/steve/Work/KBD/bluebox/html/source/css/news_and_press.css.sass */
  #main .news_and_press .container {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: auto;
    overflow: hidden;
    max-width: 930px;
    margin: 0 auto;
    vertical-align: top;
    -webkit-transform: translateX(-1%);
    -moz-transform: translateX(-1%);
    -ms-transform: translateX(-1%);
    -o-transform: translateX(-1%);
    transform: translateX(-1%); }

  #main .news_and_press .container article a {
    color: #000;
  } 
  #main .news_and_press .container article a:hover {
    color: #0076be;
  }
  #main .news_and_press .container article a:hover p,
  #main .news_and_press .container article a:hover h3 {
    text-decoration: none;
    color: #0076be;
  }
  #main .news_and_press .container article a:hover p.date{
    text-decoration: none;
    color: #000;
  }
  #main .news_and_press .container h3 {
    color: #0076be;
    font-size: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
  }
  #main .news_and_press .container > div {
    display: inline-block;
    width: 29%;
    margin: 0 2%;
    vertical-align: top;
  }
  /* line 13, /Users/steve/Work/KBD/bluebox/html/source/css/news_and_press.css.sass */
  #main .news_and_press article {
    }
#main .news_and_press .container .press article h3 {
  margin-bottom: 20px;
}
#main .news_and_press .container .events dl dt img {
  max-width: 38px;
}
#main .news_and_press .container .events dl dt {
  float: left;
  clear: left;
  max-width: 38px;
}
#main .news_and_press .container .events dl dd {
  margin-left: 60px;
}

#main .news_and_press .container .events dl dd p {
  margin-top: 0;
  text-align: left;
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
}
#main .news_and_press .container .events dl dd p a {
  color: #000;

}
#main .news_and_press .container .events dl dd p a:hover {
  text-decoration: none;
  color: #0072CE;
}
#main .news_and_press .container .events dl dd p a:hover strong {
  color: #000;
}
    /* line 22, /Users/steve/Work/KBD/bluebox/html/source/css/news_and_press.css.sass */
    #main .news_and_press .container article h3 {
      color: black;
      padding-bottom: 0;
      border-bottom-width: 0;
      margin-top: 0;
      margin-bottom: 0;
      font-size: 13px;
      line-height: 18px;
      font-weight: 500; }
    
    /* line 29, /Users/steve/Work/KBD/bluebox/html/source/css/news_and_press.css.sass */
    #main .news_and_press article {      
      font-size: 13px;
      line-height: 18px;
    }
    #main .news_and_press article p {
      font-size: 13px;
      line-height: 18px;
      font-weight: 300;
      margin-bottom: 20px; }
      /* line 34, /Users/steve/Work/KBD/bluebox/html/source/css/news_and_press.css.sass */
      #main .news_and_press article p.date {

        font-weight: 500;
        margin-top: 0;
        margin-bottom: 0; }
  /* line 37, /Users/steve/Work/KBD/bluebox/html/source/css/news_and_press.css.sass */
 

@media only screen and (max-width: 920px) {
  /* line 52, /Users/steve/Work/KBD/bluebox/html/source/css/news_and_press.css.sass */
   }
@media only screen and (max-width: 640px) {
  /* line 60, /Users/steve/Work/KBD/bluebox/html/source/css/news_and_press.css.sass */
  body #main .news_and_press .container {
    padding-top: 30px;
    padding-bottom: 30px; }
  /* line 63, /Users/steve/Work/KBD/bluebox/html/source/css/news_and_press.css.sass */
  #main .news_and_press .container > div {
    display: block;
    width: 96%;
    margin: 0 2%;
  }
}
@media only screen and (max-width: 500px) {
  /* line 73, /Users/steve/Work/KBD/bluebox/html/source/css/news_and_press.css.sass */
  body #main .news_and_press .container {
    padding-top: 20px;
    padding-bottom: 20px; }

  #main .news_and_press .container  h3 {
    font-size: 13px;
    line-height: 18px;
  }
  #main .news_and_press article p, 
  #main .news_and_press .container .events dl dd p,
  #main .news_and_press .container article h3 {
    font-size: 11px;
    line-height: 16px;
  }
  #main .news_and_press .container .events dl dt img {
    max-width: 24px;
  }
  #main .news_and_press .container .events dl dd {
    margin-left: 40px;
  }


  /* line 76, /Users/steve/Work/KBD/bluebox/html/source/css/news_and_press.css.sass */
   }
/* line 3, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
#main .testimonial {
  background: #539dbf !important;
  }
  /* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  #main .testimonial .container {
    padding-top: 20px;
    padding-bottom: 20px; }
  /* line 8, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  #main .testimonial h2 {
    color: #fff; 
    text-transform: capitalize;
    margin-top: 0;
    font-weight: 100; }
  /* line 14, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  #main .testimonial p {
    text-align: center;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 200;
    font-size: 22px;
    line-height: 32px;
    color: #fff;  }
  /* line 22, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  #main .testimonial cite {
    text-align: center;
    display: block;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    text-transform: capitalize;
    color: #fff;  }

#main .testimonial .slider {
  position: relative;
  max-width: 740px;
  margin: 30px auto 20px;
  padding-bottom: 30px; }
  /* line 16, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  #main .testimonial .slider .left, #main .testimonial .slider .right {
    position: absolute;
    left: -50px;
    top: 80px;
    cursor: pointer;
    z-index: 9;
    width: 15px; }
  /* line 23, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  #main .testimonial .slider .right {
    left: auto;
    right: -50px;
    width: 15px; }
  /* line 27, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  #main .testimonial .slider .viewport {
    position: relative;
    overflow: auto; }
    /* line 30, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
    #main .testimonial .slider .viewport ul {
      padding: 0;
      margin: 0;
      text-align: center; }
    /* line 34, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
    #main .testimonial .slider .viewport li {
      top: 0;
      list-style: none;
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
@media only screen and (max-width: 850px) {
  #main .testimonial .slider {
    position: relative;
    max-width: 500px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 32, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  body #main .testimonial .container {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px; }
  /* line 37, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  body #main .testimonial h2 {
    font-size: 18px; }
  /* line 39, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  body #main .testimonial p {
    font-size: 14px;
    line-height: 18px; }
  /* line 42, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  body #main .testimonial cite {
    font-size: 12px;
    line-height: 15px;}
  body #main .testimonial .slider .left, #main .testimonial .slider .right {
    top: 30px;
  }
  body #main .testimonial .slider {
    max-width: 60%; } }
@media only screen and (max-width: 500px) {
  /* line 48, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  body #main .testimonial .container {
    padding-top: 20px;
    padding-bottom: 20px; }
  /* line 51, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  body #main .testimonial h2 {
    font-size: 14px; }
  /* line 53, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  body #main .testimonial p {
    font-size: 10px;
    line-height: 14px; }
  /* line 56, /Users/steve/Work/KBD/bluebox/html/source/css/testimonial.css.sass */
  body #main .testimonial cite {
    font-size: 8px;
    line-height: 11px }
  body #main .testimonial .slider {
    margin: 0 auto;padding-bottom: 0; } }
/* line 3, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
#main .twitter h2:before {
  display: block;
  content: "\f099";
  font-family: "FontAwesome";
  font-size: 40px; }
/* line 8, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
#main .twitter .container {
  padding-top: 30px;
  padding-bottom: 40px; }
/* line 11, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
#main .twitter .slider {
  position: relative;
  max-width: 475px;
  margin: 30px auto 20px;
  padding-bottom: 30px; }
  /* line 16, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
  #main .twitter .slider .left, #main .twitter .slider .right {
    position: absolute;
    left: -50px;
    top: 10px;
    cursor: pointer;
    z-index: 10;
    width: 15px; }
  /* line 23, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
  #main .twitter .slider .right {
    left: auto;
    right: -50px;
    width: 15px; }
  /* line 27, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
  #main .twitter .slider .viewport {
    position: relative;
    overflow: auto; }
    /* line 30, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
    #main .twitter .slider .viewport ul {
      padding: 0;
      margin: 0;
      text-align: center; }
    /* line 34, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
    #main .twitter .slider .viewport li {
      top: 0;
      list-style: none;
      float: left;
      text-align: center; }
      /* line 39, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
      #main .twitter h3 {
        margin-top: 0;
        text-align: center;
        font-style: italic;
        margin-bottom: 0px;
        font-weight: 100; }
        #main .twitter h3 a {
          color: #000;
        }
      /* line 43, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
      #main .twitter .slider .viewport li a {
        display: inline;
       }
      #main .twitter .slider .viewport li a:hover {
        color: #539dbf;
       }

@media only screen and (max-width: 640px) {
  /* line 49, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
  body #main .twitter h2:after {
    font-size: 30px; }
  /* line 51, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
  body #main .twitter .container {
    padding-top: 30px;
    padding-bottom: 30px; }
  /* line 54, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
  body #main .twitter .slider {
    max-width: 60%; } }
@media only screen and (max-width: 500px) {
  /* line 59, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
  body #main .twitter h2:after {
    font-size: 20px; }
  /* line 61, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
  body #main .twitter .container {
    padding-top: 20px;
    padding-bottom: 20px; }
  /* line 64, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
  body #main .twitter .slider {
    margin: 0 auto; }
    /* line 66, /Users/steve/Work/KBD/bluebox/html/source/css/twitter.css.sass */
    body #main .twitter .slider h3 {
      font-size: 10px; } }
/* line 3, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
#main .contact {
  text-align: center; }
  /* line 6, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
  #main .contact h2 {
    margin-bottom: 60px; }
    /* line 8, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
    #main .contact h2 + p {
      float: left;
      width: 48%; }
      /* line 11, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
      #main .contact h2 + p img {
        width: 100%; height:auto;}
  /* line 13, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
  #main .contact .container {
    padding-top: 30px;
    padding-bottom: 80px;
    max-width: 1100px; }
    /* line 17, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
    #main .contact .container ul.modes {
      list-style: none;
      overflow: hidden;
      vertical-align: bottom;
      text-align: left;
      width: 48%;
      margin-left: 2%;
      float: left;
      padding: 0; }
      /* line 26, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
      #main .contact .container ul.modes li {
        display: inline-block;
        width: 49%;
        text-align: center;
        vertical-align: top; }
        /* line 32, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
        #main .contact .container ul.modes li.media p {
          color: #768890; }
        /* line 34, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
        #main .contact .container ul.modes li h3 {
          color: #768890;
          font-size: 16px;
          font-weight: 400;
          margin-bottom: 5px; }
        /* line 39, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
        #main .contact .container ul.modes li p {
          vertical-align: bottom;
          font-size: 16px;
          float: none; }
        /* line 43, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
        #main .contact .container ul.modes li a {
          color: #0072CE; }
          #main .contact .container ul.modes li a:hover {
            text-decoration: none;
            color: #539dbf;
          }

@media only screen and (max-width: 640px) {
  /* line 46, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
  #main .contact {
    position: relative; }
    /* line 48, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
    #main .contact h2 {
      margin-bottom: 30px; }
    /* line 50, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
    #main .contact h2 + p {
      position: absolute;
      bottom: 0;
      width: auto;
      float: none;
      text-align: center;
      left: 20px;
      right: 20px; }
      /* line 58, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
      #main .contact h2 + p img {
        max-width: 535px;
        width: 100%; }
    /* line 62, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
    #main .contact .container ul.modes {
      margin-bottom: 300px;
      text-align: center;
      width: 100%;
      float: none; } }
@media only screen and (max-width: 500px) {
  /* line 70, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
  #main .contact .container ul.modes {
    margin-bottom: 200px; }
    /* line 72, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
    #main .contact .container ul.modes li {
      width: 100%; }
      /* line 74, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
      #main .contact .container ul.modes li h3, #main .contact .container ul.modes li p {
        font-size: 10px;
        line-height: 15px; } }
@media only screen and (max-width: 400px) {
  /* line 80, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
  #main .contact .container ul.modes {
    margin-bottom: 150px; }
    /* line 82, /Users/steve/Work/KBD/bluebox/html/source/css/contact.css.sass */
    #main .contact .container ul.modes li {
      width: 100%; } }
/* line 2, /Users/steve/Work/KBD/bluebox/html/source/css/about.css.sass */
#main .about {
  text-align: center; }
  /* line 4, /Users/steve/Work/KBD/bluebox/html/source/css/about.css.sass */
  #main .about h2 {
    margin-bottom: 5px;
    font-weight: 100; }
  /* line 6, /Users/steve/Work/KBD/bluebox/html/source/css/about.css.sass */
  #main .about p {
    max-width: 880px;
    margin: 5px auto 20px;
/*    font-size: 24px;
    line-height: 38px;
    font-weight: 100; */

    font-size: 22px;
    font-weight: 200;
    line-height: 32px;
  }
  #main .about p ~ p {
    font-size: 16px;
    line-height: 26px;
  }
  .page-template-page-research-php #main .about p ~ p {
    font-size: 24px;
    line-height: 38px;
  }
  /* line 11, /Users/steve/Work/KBD/bluebox/html/source/css/about.css.sass */
  #main .about .container {
    padding-top: 30px;
    padding-bottom: 40px; }

@media only screen and (max-width: 640px) {
  /* line 17, /Users/steve/Work/KBD/bluebox/html/source/css/about.css.sass */
  body #main .about p {
    font-size: 15px;
    line-height: 20px; }
     }
@media only screen and (max-width: 500px) {
  /* line 23, /Users/steve/Work/KBD/bluebox/html/source/css/about.css.sass */
  body #main .about .container {
    padding-top: 20px;
    padding-bottom: 20px; }
  /* line 26, /Users/steve/Work/KBD/bluebox/html/source/css/about.css.sass */
  body #main .about p {
    font-size: 10px;
    line-height: 15px; } }
/* line 2, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
#main .management-team {
  text-align: center; }
.page-template-page-research-php #main .management-team {
  background: whitesmoke;
}
.page-template-page-research-php a.button {
  display: inline-block;
  clear: both;
  background: #778890;
  padding: 10px 20px;
  color: white;
  text-transform: capitalize;
  font-size: 20px;
  margin: 40px 20px 40px 0;
  min-width: 200px;
 }

  /* line 60, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
.page-template-page-research-php a.button:hover {
  background: #569dbd; }

/* line 64, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
.page-template-page-research-php a.button:after {
  content: "   ";
  background: url("img/arrow-right-white.png") no-repeat 10px 6px;
  display: inline-block;
  width: 20px;
  padding-left: 10px;
  height: 20px; }
  /* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
  #main .management-team .container {
    padding-top: 30px;
    padding-bottom: 80px;
    position: relative;
    max-width: 900px; }
  /* line 10, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
  #main .management-team article {
    display: inline-block;
    margin: 10px; }
    /* line 13, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    #main .management-team article:hover {
      position: relative; }
      /* line 15, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      #main .management-team article:hover .hover {
        cursor: pointer;
        display: block; }
    /* line 19, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    #main .management-team article.open {
      position: static; }
      /* line 21, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      #main .management-team article.open .hover {
        display: none; }
    /* line 23, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    #main .management-team article > img {
      cursor: pointer; }
    /* line 25, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    #main .management-team article .hover {
      background: rgba(0, 0, 0, 0.7);
      color: white;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      display: none;
      text-align: left;
      padding-left: 25%;
      padding-right: 10%; }
      /* line 36, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      #main .management-team article .hover h3, #main .management-team article .hover p {
        color: white;
        font-weight: 100;
        line-height: 24px;
        font-size: 16px;
        text-transform: capitalize; }
      /* line 42, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      #main .management-team article .hover h3 {
        margin-top: 44%;
        font-size: 24px; }
      /* line 45, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      #main .management-team article .hover p:after {
        display: inline-block;
        background: url("img/arrow-right-white.png") no-repeat;
        height: 16px;
        width: 16px;
        background-position: 0 3px;
        content: "";
        background-size: contain; }
    /* line 55, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    #main .management-team article .window,
    #main .partners #partners .window  {
      display: none;
      position: absolute;
      left: 11px;
      right: 11px;
      background: white;
      border: 1px solid #569dbd;
      max-height: 500px;
      padding: 20px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      padding-left: 350px;
      text-align: left;
      padding-right: 90px; }

      #main .management-team article .window {
        top: 129px !important;
      }
      /* line 69, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      #main .management-team article .window.open,
    #main .partners #partners .window.open {
        display: block; }
      /* line 71, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      #main .management-team article .window .close,
      #main .partners #partners .window .close {
        position: absolute;
        top: 20px;
        right: 25px;
        text-indent: -9999px;
        background: url("img/icon-close.png") no-repeat;
        background-size: cover;
        height: 25px;
        width: 21px; }
      /* line 80, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      #main .management-team article .window h3 {
        margin-top: 0;
        text-transform: capitalize;
        font-size: 24px;
        font-weight: 300; }
        /* line 85, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
        #main .management-team article .window h3 + p {
          text-transform: capitalize;
          margin-top: 0;
          margin-bottom: 20px; }
      /* line 89, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      #main .management-team article .window p {
        font-size: 16px;
        line-height: 26px; }
      /* line 92, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      #main .management-team article .window aside {
        margin-left: -330px;
        float: left; }
        /* line 95, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
        #main .management-team article .window aside img {
          display: block; }
        /* line 97, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
        #main .management-team article .window aside a {
          display: inline-block;
          color: #0072CE;
          font-size: 36px;
          margin: 15px 20px 0 0; }
          #main .management-team article .window aside a:hover {
            color: #539dbf;
          }
      /* line 102, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      #main .management-team article .window .bio {
        height: 350px;
        position: relative; }
        /* line 105, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
        #main .management-team article .window .bio .viewport {
          height: 350px;
          overflow: hidden; }
          /* line 108, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
          #main .management-team article .window .bio .viewport p {
            margin-top: 20px; }
            /* line 110, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
            #main .management-team article .window .bio .viewport p:first-child {
              margin-top: 0; }
        /* line 112, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
        #main .management-team article .window .bio .scrollbar {
          right: -50px; }

@media only screen and (max-width: 640px) {
   #main .management-team article:hover .hover {
        cursor: default;
        display: none; }
  /* line 116, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
  body #main .management-team {
    position: relative; }
    /* line 120, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    body #main .management-team article img {
      width: 200px;height: auto; }
    /* line 123, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    body #main .management-team article .hover h3, body #main .management-team article .hover p {
      line-height: 16px;
      font-size: 10px; }
    /* line 126, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    body #main .management-team article .hover h3 {
      font-size: 16px; }
    /* line 128, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    body #main .management-team article .hover p:after {
      height: 10px;
      width: 10px;
      background-position: 0 3px; }
    /* line 132, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    body #main .management-team article .window,
    body #main .partners #partners .window {
      padding-left: 20px;
      padding-right: 20px;
      max-height: 1000000px !important;
      border-width: 0;
      padding-bottom: 40px;
      height: auto;
      top: auto !important; }
      /* line 140, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      body #main .management-team article .window .close,
      body #main .partners #partners .window .close{
        height: 10px;
        width: 10px;
        right: 10px;
        top: 10px;
        background-size: 10px 10px; }
      /* line 146, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      body #main .management-team article .window .scroll {
        height: auto; }
      /* line 149, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      body #main .management-team article .window .bio .viewport {
        height: auto !important; }
        /* line 151, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
        body #main .management-team article .window .bio .viewport p {
          font-size: 9px;
          line-height: 14px;
          margin-bottom: 10px;
          margin-top: 0px; }
      /* line 156, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      body #main .management-team article .window aside {
        position: absolute;
        bottom: 15px;
        margin-left: 0;
        float: none; }
        /* line 161, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
        body #main .management-team article .window aside a {
          font-size: 20px;
          margin-right: 15px; }
        /* line 164, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
        body #main .management-team article .window aside img {
          display: none; }
      /* line 166, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
      body #main .management-team article .window h3 {
        font-size: 11px;
        line-height: 15px; }
        /* line 169, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
        body #main .management-team article .window h3 + p {
          margin-bottom: 10px;
          font-size: 9px;
          line-height: 14px; } }
@media only screen and (max-width: 500px) {
  /* line 176, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
  body #main .management-team .container {
    padding-top: 20px;
    padding-bottom: 20px; }
  /* line 181, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
  body #main .management-team article img {
    width: 112px; }
  /* line 183, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
  body #main .management-team article .hover {
    padding-left: 10%; }
    /* line 185, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    body #main .management-team article .hover h3, body #main .management-team article .hover p {
      line-height: 12px;
      font-size: 8px; }
    /* line 188, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    body #main .management-team article .hover h3 {
      margin-top: 35%;
      font-size: 12px; }
    /* line 191, /Users/steve/Work/KBD/bluebox/html/source/css/management_team.css.sass */
    body #main .management-team article .hover p:after {
      height: 8px;
      width: 8px;
      background-position: 0 3px; } }
/* line 2, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
#main .board-members {
  text-align: center; }
  /* line 4, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
  #main .board-members .container {
    padding-top: 30px;
    padding-bottom: 80px; }
  /* line 7, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
  #main .board-members h2 {
    margin-bottom: 60px; }
  /* line 9, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
  #main .board-members h3 {
    font-size: 24px;
    font-weight: 300;
    margin-top: 40px; }
  /* line 13, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
  #main .board-members p {
    font-style: italic;
    font-size: 24px;
    font-weight: 100; }

@media only screen and (max-width: 640px) {
  /* line 20, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
  #main .board-members .container {
    padding-bottom: 40px; }
  /* line 22, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
  #main .board-members h2 {
    margin-bottom: 30px; }
  /* line 25, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
  #main .board-members h3 {
    font-size: 16px;
    margin-top: 20px; }
  /* line 28, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
  #main .board-members p {
    font-size: 14px; } }
@media only screen and (max-width: 500px) {
  /* line 33, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
  #main .board-members .container {
    padding-top: 20px;
    padding-bottom: 20px; }
  /* line 36, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
  #main .board-members h2 {
    margin-bottom: 30px; }
  /* line 39, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
  #main .board-members h3 {
    font-size: 10px;
    margin-top: 12px;
    line-height: 12px; }
  /* line 43, /Users/steve/Work/KBD/bluebox/html/source/css/board_members.css.sass */
  #main .board-members p {
    font-size: 10px;
    margin-top: 0; } }
/* line 2, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
#main .careers {
  text-align: center; }
  /* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
  #main .careers .container {
    padding-top: 30px;
    padding-bottom: 60px; }
  /* line 8, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
  #main .careers p {
    font-size: 22px;
    line-height: 32px;
    max-width: 875px;
    margin-left: auto;
    font-weight: 200;
    margin-right: auto; }
    /* line 14, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
    #main .careers p a {
      display: inline-block;
      clear: both;
      background: #778890;
      padding: 10px 20px;
      color: white;
      text-transform: capitalize;
      font-size: 20px;
      margin: 20px 10px; }
     #main .careers p a.button {
      font-weight: 300;
     }
      /* line 23, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
      #main .careers p a:hover {
        background: #569dbd; }
      /* line 25, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
      #main .careers p a:after {
        content: "   ";
        background: url("img/arrow-right-white.png") no-repeat 10px 6px;
        display: inline-block;
        width: 20px;
        padding-left: 10px;
        height: 20px; }

@media only screen and (max-width: 640px) {
  /* line 35, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
  body #main .careers .container {
    padding-top: 30px;
    padding-bottom: 30px; }
  /* line 38, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
  body #main .careers p {
    font-size: 14px;
    line-height: 20px; }
    /* line 41, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
    body #main .careers p a {
      font-size: 14px;
      padding: 5px 15px;
      line-height: 24px;
      height: auto; } }
@media only screen and (max-width: 500px) {
  /* line 49, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
  body #main .careers .container {
    padding-top: 20px;
    padding-bottom: 20px; }
  /* line 52, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
  body #main .careers p {
    font-size: 10px;
    line-height: 14px; }
    /* line 55, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
    body #main .careers p a {
      font-size: 10px;
      padding: 5px 10px;
      line-height: 20px;
      display: block;
      margin: 20px auto;
      width: 128px; }
      /* line 62, /Users/steve/Work/KBD/bluebox/html/source/css/careers.css.sass */
      body #main .careers p a:after {
        height: 10px;
        width: 10px;
        background-size: 15px 10px;
        background-position: 5px 1px; } }
/* line 2, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
#main .events {
  text-align: center; }
  /* line 4, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
  #main .events .container {
    padding-top: 30px;
    padding-bottom: 60px; }
    /* line 7, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
    #main .events .container article {
      max-width: 680px;
      clear: left;
      position: relative;
      margin-left: 170px;
      padding-bottom: 20px;
      margin-bottom: 20px;
      text-align: left; }
      /* line 15, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
      #main .events .container article aside {
        margin-left: -170px;
        float: left;
        margin-right: 40px; }
      /* line 19, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
      #main .events .container article h2 {
        margin-top: 0; }
        /* line 21, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
        #main .events .container article h2 a {
          color: black; }
      /* line 23, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
      #main .events .container article p a {
        color: #0072CE; }

        #main .events .container article p a:hover {
        color: #539dbf; }
        /* line 25, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */

        #main .events .container article a.readmore {
          display: inline-block;
          text-transform: capitalize; 
          text-indent: 0;
          width: auto;
          background: url('#');}
          /* line 25, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
          #main .events .container article a.readmore:after {
            content: "";
            
            height: 16px;
            width: 20px;
            display: inline-block;
            top: 2px; }

@media only screen and (max-width: 640px) {
  /* line 33, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
  body #main .events {
    padding-bottom: 0; }
    /* line 35, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
    body #main .events .container {
      padding-top: 30px;
      padding-bottom: 30px; }
      /* line 38, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
      body #main .events .container article {
        padding-left: 170px;
        margin-left: 0;
        position: relative; }
        /* line 42, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
        body #main .events .container article aside {
          width: 150px;
          margin-left: 0;
          left: 0;
          top: 0;
          position: absolute; }
          /* line 48, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
          body #main .events .container article aside img {
            max-width: 100%; } }
@media only screen and (max-width: 500px) {
  /* line 53, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
  body #main .events {
    padding-bottom: 0; }
    /* line 55, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
    body #main .events .container {
      padding-top: 20px;
      padding-bottom: 10px; }
      /* line 58, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
      body #main .events .container article {
        padding-left: 95px;
        line-height: 12px;
        margin-bottom: 10px; }
        /* line 62, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
        body #main .events .container article h3 {
          font-size: 10px;
          line-height: 12px;
          display: inline; }
          /* line 66, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
          body #main .events .container article h3 + p {
            display: inline;
            line-height: 12px; }
        /* line 70, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
        body #main .events .container article p a.readmore {
          text-indent: -9999px;
          display: inline-block;
          width: 14px;
          background: url(img/arrow-right-black.png) no-repeat 0 2px;
          background-size: 14px 10px;
          height: 10px; }
        /* line 78, /Users/steve/Work/KBD/bluebox/html/source/css/events.css.sass */
        body #main .events .container article aside {
          width: 80px; } }
/* line 2, /Users/steve/Work/KBD/bluebox/html/source/css/investors.css.sass */
#main .investors {
  text-align: center; }
  /* line 4, /Users/steve/Work/KBD/bluebox/html/source/css/investors.css.sass */
  #main .investors .container {
    padding-top: 30px;
    padding-bottom: 60px; }
body #main .investors p a {
  -webkit-filter: grayscale(1);
  filter: grayscale(1); }

body #main .investors p a:hover {
  filter: none;
  -webkit-filter: none;
}
@media only screen and (max-width: 640px) {
  /* line 10, /Users/steve/Work/KBD/bluebox/html/source/css/investors.css.sass */
  body #main .investors .container {
    padding-top: 30px;
    padding-bottom: 30px; }
  /* line 14, /Users/steve/Work/KBD/bluebox/html/source/css/investors.css.sass */
  body #main .investors p img {
    max-width: 50%;
    max-height: 150px;
    display: block;
    margin: 0 auto; } }
@media only screen and (max-width: 500px) {
  /* line 23, /Users/steve/Work/KBD/bluebox/html/source/css/investors.css.sass */
  body #main .investors .container {
    padding-top: 20px;
    padding-bottom: 20px; }
  /* line 27, /Users/steve/Work/KBD/bluebox/html/source/css/investors.css.sass */
  body #main .investors p img {
    max-width: 50%;
    max-height: 100px; } }
/* line 2, /Users/steve/Work/KBD/bluebox/html/source/css/resources.css.sass */

 #main .resources article {
  vertical-align: top;
 }
 #main .resources article, #main .resources article .image {
  position: relative;
 }
  #main .resources article.videos .image:after,
  #main .resources article.webcasts .image:after,

  #main .news-events #videos .image:after {
      text-indent: -9999px;
      background: url('img/playbutton-white.png') no-repeat center center;
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
     
      z-index: 2;
    content: "";
    }
    #main .resources article.videos .image:before,
    #main .resources article.webcasts .image:before,

    #main .news-events #videos .image:before {
    text-indent: -9999px;
      background: url('img/playbutton-hover.png') no-repeat center center;
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      opacity: 0;
      z-index: 1;
      content: "";
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;}

    #main .resources article a:hover .image:before,

    #main .news-events #videos a:hover .image:before  {
     opacity: 1;
    }

    #main .resources article a:hover p{
      color: #416eb2;
    }
  /* line 24, /Users/steve/Work/KBD/bluebox/html/source/css/resources.css.sass */
  #main .resources h2 + article {
     }
  /* line 27, /Users/steve/Work/KBD/bluebox/html/source/css/resources.css.sass */
  #main .resources ul.downloads {
    padding-left: 0;
    max-width: 840px;
    text-align: left; }
    /* line 30, /Users/steve/Work/KBD/bluebox/html/source/css/resources.css.sass */
    #main .resources ul.downloads li {
      display: inline-block;
      vertical-align: top;
      width: 200px; }
      /* line 32, /Users/steve/Work/KBD/bluebox/html/source/css/resources.css.sass */
      #main .resources ul.downloads li a {
        background: url("img/icon-document.png") top center no-repeat;
        padding: 55px 20px 20px;
        color: black;
        display: block;
        text-transform: capitalize;
        font-size: 16px;
        line-height: 24px;
        text-align: center; }
      #main .resources ul.downloads li a:before {
        background: url("img/icon-documentRO.png") left center no-repeat !important;
        background-size: 0%;
        content: "";
      }
      #main .resources ul.downloads li a:hover {
       /* background-image: url("img/icon-documentRO.png") !important;*/
        text-decoration: none;
        color:#0076be;
      }

/* line 2, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
#main .careers-listing {
  text-align: center; }
  /* line 4, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  #main .careers-listing .container {
    padding-top: 30px;
    padding-bottom: 60px; }
  /* line 7, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  #main .careers-listing .box p {
    line-height: 28px; }
  /* line 9, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  #main .careers-listing p + article {
    margin-top: 60px; }
  /* line 11, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  #main .careers-listing p, #main .careers-listing h2 ~ p {
    font-size: 22px;
    line-height: 32px; 
    font-weight: 200;}
  #main .careers-listing article h2 ~ p {
    font-weight: 300;
  }
   #main .careers-listing h2 ~ p a.button{
    font-weight: 300;
  }
  /* line 14, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  #main .careers-listing article, body.archive.tax-news_item_type #main .container article {
    text-align: left;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    margin-bottom: 10px; }
    /* line 18, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
    #main .careers-listing article h2, body.archive.tax-news_item_type #main .container article h2 {
      text-align: left;
      font-size: 22px;
      margin-bottom: 8px; }
      /* line 22, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
      #main .careers-listing article h2 a, body.archive.tax-news_item_type #main .container article h2 a {
        color: #0072CE; }
    /* line 24, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
    #main .careers-listing article p, body.archive.tax-news_item_type #main .container article p {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 8px;
      margin-top: 0;
      margin-right: 0;
      max-width: 100%;}
      /* line 29, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
      #main .careers-listing article p a, body.archive.tax-news_item_type #main .container article p a {
        color: #0072CE; }
      #main .careers-listing article p a:hover, body.archive.tax-news_item_type #main .container article p a:hover,
      #main .careers-listing article h2 a:hover, body.archive.tax-news_item_type #main .container article h2 a:hover {
        color: #569dbd; }
        /* line 31, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
        #main .careers-listing article p a.readmore, body.archive.tax-news_item_type #main .container article p a.readmore {
          display: inline-block;
          text-transform: capitalize;
          font-size: 15px; }
          /* line 35, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
       /*   #main .careers-listing article p a.readmore:after, body.archive.tax-news_item_type #main .container article p a.readmore:after {
            content: "";
            background: url("img/arrow-right.png") no-repeat 0 2px;
            height: 16px;
            width: 20px;
            display: inline-block;
            top: 2px; }*/
  /* line 42, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  #main .careers-listing .fact-boxes .box {
    width: 28%; }
    /* line 44, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
    #main .careers-listing .fact-boxes .box:first-child {
      width: 48%; }

/* line 47, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
.careers-listing a.button, .career a.button, .about a.button {
  display: inline-block;
  clear: both;
  background: #778890;
  padding: 10px 20px;
  color: white;
  text-transform: capitalize;
  font-size: 20px;
  margin: 40px 20px 40px 0;
  min-width: 200px;
  float: left; }
 .about a.button {
  float: none;
  margin-right: 0px;
 }

/* line 60, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
.careers-listing a.button:hover, .career a.button:hover, .about a.button:hover {
  background: #569dbd; }

/* line 64, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
.careers-listing a.button:after, .career a.button:after, .about a.button:after {
  content: "   ";
  background: url("img/arrow-right-white.png") no-repeat 10px 6px;
  display: inline-block;
  width: 20px;
  padding-left: 10px;
  height: 20px; }

@media only screen and (max-width: 640px) {
  /* line 76, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  body #main .careers-listing .container {
    padding-top: 30px;
    padding-bottom: 30px; }
  /* line 79, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  body #main .careers-listing p + article {
    margin-top: 30px; }
  /* line 82, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  body #main .careers-listing article h2, body.archive.tax-news_item_type #main .container article h2 {
    font-size: 18px; }
    #main .careers-listing h2 ~ p {
    font-size: 16px;
    line-height: 20px; }
  /* line 84, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  body #main .careers-listing article p, body.archive.tax-news_item_type #main .container article p {
    font-size: 14px; }
    /* line 86, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
    body #main .careers-listing article p a.readmore, body.archive.tax-news_item_type #main .container article p a.readmore {
      font-size: 13px; }
      /* line 88, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
      body #main .careers-listing article p a.readmore:after, body.archive.tax-news_item_type #main .container article p a.readmore:after {
        height: 14px;
        width: 16px;
        background-size: cover; }
  /* line 92, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  body #main .careers-listing a.button {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px; } }
@media only screen and (max-width: 500px) {
  /* line 99, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  body #main .careers-listing .container {
    padding-top: 20px;
    padding-bottom: 20px; }
  /* line 102, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  body #main .careers-listing p + article {
    margin-top: 20px; }
  /* line 104, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  body #main .careers-listing h2 {
    margin-top: 0; }
  /* line 106, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  #main .careers-listing h2 ~ p {
    font-size: 12px;
    line-height: 16px; }
  /* line 14, /Users/steve/Wor
  body #main .careers-listing article {
    padding-bottom: 0; }
    /* line 108, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
    body #main .careers-listing article h2, body.archive.tax-news_item_type #main .container article h2 {
      font-size: 14px;
      line-height: 16px;
      margin-bottom: 5px;
      margin-top: 10px; }
    /* line 113, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
    body #main .careers-listing article p, body.archive.tax-news_item_type #main .container article p {
      margin-top: 0;
      font-size: 10px;
      line-height: 16px; }
      /* line 117, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
      body #main .careers-listing article p a.readmore, body.archive.tax-news_item_type #main .container article p a.readmore {
        font-size: 10px; }
        /* line 119, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
        body #main .careers-listing article p a.readmore:after, body.archive.tax-news_item_type #main .container article p a.readmore:after {
          height: 10px;
          width: 14px;
          background-size: cover; }
  /* line 124, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
  body #main .careers-listing a.button {
    font-size: 10px;
    margin-top: 20px;
    min-width: 0;
    padding: 2px 10px 2px 30px;
    line-height: 20px;
    margin-bottom: 20px; }
    /* line 131, /Users/steve/Work/KBD/bluebox/html/source/css/career_listing.css.sass */
    body #main .careers-listing a.button:after {
      height: 8px;
      background-size: contain;
      background-position: 5px center; } }
/* line 3, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
body.single #main {

}
body.single #main .container {
  padding-top: 40px; }
  /* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
  body.single #main .container nav {
    margin-bottom: 40px;
    text-align: left; }
    /* line 8, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single #main .container nav:before {
      content: "";
      background: url("img/arrow-left-grey.png") 0 -1px;
      display: inline-block;
      height: 20px;
      width: 20px; }
    /* line 14, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single #main .container nav a {
      padding-left: 0;
      font-size: 16px;
      font-weight: normal; }
  /* line 18, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
  body.single #main .container article {
    overflow: visible;
    margin-left: 170px;
    padding-bottom: 20px;
    margin-bottom: 80px; }
    /* line 23, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single #main .container article h2 {
      text-align: left;
      font-size: 32px }
    /* line 25, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single #main .container article p {
      padding-left: 0;
      max-width: 700px;
      width: auto; }
    /* line 29, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single #main .container article aside {
      margin-left: -170px; }
    body.single #main .container article aside p {
      margin: 5px 0;
      line-height: 18px;
    }
    body.single #main .container.blog-single article aside {
      float: left; }
    /* line 31, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single #main .container article .social {
      border-top: 1px solid #cccccc;
      padding-top: 20px; }
    body.single #main .container.blog-single article .social {
      border-bottom: 1px solid #cccccc;
      padding-bottom: 20px;
    }
      /* line 34, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
      body.single #main .container article .social a {
        display: inline-block;
        padding: 8px 8px 8px 0;
        margin-right: 8px;
      }
body.single-video_item #main .container article {
  margin-left: 0;
}
/* line 39, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
body.single.single-news_item #main .container nav, body.single.single-career_openings #main .container nav {
  margin-bottom: 40px;
  font-size: 22px; }
/* line 42, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
body.single.single-news_item #main .container article, body.single.single-career_openings #main .container article {
  margin-left: 0;
  max-width: 710px; }
/* line 45, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */

/* line 47, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
body.single.single-news_item #main .container article aside, body.single.single-career_openings #main .container article aside {
  margin-left: 0;
  width: auto;
  float: none;
  margin-bottom: 30px; }
body #main section.form {
  max-width: 1090px;
  margin-left: auto;
  margin-right: auto;
}
body #main section.form .container h4 {
  color: #416eb2;
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 400;
}
body #main section.form .container h2 {
  font-size: 40px;
  text-align: left;
  margin-bottom: 20px;
}
body #main section.form .container h4 + h2 {
  margin-top: 0;
}
body #main section.form .container p {
  padding-left: 0;
  max-width: 700px;
  width: auto;
  margin-bottom: 20px;
}
body #main section.form .container aside {
  float: left;
  margin-left: -250px;
}

body #main section.form .container aside img {
  max-width: 210px;
}
body #main section.form .container {
  padding-left: 250px;
}
body #main section.form .container form {
  margin: 20px 0 80px;
  padding: 15px;
  background: #f5f7f7;
  width: 100% !important;
  float: left;
}
body #main section.form .container form.mktoForm .mktoAsterix {
  float: left;
  color: #000;
  padding-left: 0;
  margin-left: -5px;
}

body #main section.form .container form.mktoForm .mktoLabel {
  padding-bottom: 4px;
}
body #main section.form .container form.mktoForm .mktoField {
  float: none;
  clear: both;
  width: 99% !important;
  display: block;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body #main section.form .container form.mktoForm .mktoError {
  right: auto !important;
  left: 10px !important;
}
body #main section.form .container form.mktoForm .mktoFieldWrap,
body #main section.form .container form.mktoForm .mktoFormCol {
  float: none !important;
  display: block;
}
body #main section.form .container form.mktoForm .mktoButton {
  float: none;
  clear: both;
  width: 99% !important;
  display: block;
  border-radius: 0 !important;
  border-width: 0 !important;
  box-shadow: none !important;

  font-weight: 300;
  background: #778890;
  padding: 10px 10px 10px 20px;
  color: white;
  text-transform: uppercase;
  font-size: 20px;
  margin: 20px 20px 0px 0;
  float: left; }


body #main section.form .container form.mktoForm .mktoButton:hover {
  background: #569dbd; }


body #main section.form .container form.mktoForm .mktoButton:after {
  content: " ";
  background: url("img/arrow-right-white.png") no-repeat 10px 6px;
  display: inline-block;
  width: 20px;
  padding-left: 10px;
  height: 20px;
}
body #main section.form .container form.mktoForm .mktoButtonWrap {

  margin-left: 0 !important;
}

body #main ul.latest-news {
  padding: 0;
  list-style: none;
  max-width: 700px;
}
body #main ul.latest-news li {
  border-bottom: 1px solid #d7d7d7;
  padding: 10px 0;
}
body #main ul.latest-news .readmore {
    text-indent: -9999px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(img/arrow-right.png) no-repeat 0 7px;
}
@media only screen and (max-width: 500px) {
  body #main ul.latest-news li {
    font-size: 10px;
    line-height: 15px;
  }
  body #main ul.latest-news .readmore {
    background-size: cover;
    background-position: 0 0;
    height: 8px;
    width: 15px;
  }
}
@media only screen and (max-width: 1110px) {
  body #main section.form .container aside {
    float: left;
    margin-left: -230px;
  }

}

@media only screen and (max-width: 700px) {
  body #main section.form .container aside {
    float: none;
    margin-left: 0px;
  }
  body #main section.form .container {
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  body #main section.form .container form.mktoForm .mktoField {
    font-size: 11px;
  }
  .mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
    height: auto !important;
  }
}

/* line 52, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
body.single.single-news_item #main .container article aside p {
  font-weight: 100;
  color: #898989;
  font-size: 14px }
/* line 56, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
body.single-career_openings h2 {
  margin-bottom: 5px; }
/* line 58, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
body.single-career_openings p.date {
  margin-top: 0px;
  color: #898989; }
/* line 61, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
body.single-career_openings ul {
  padding-left: 23px; }
/* line 64, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
body.single-career_openings #main .container article {
  border-bottom-width: 0 !important;
  margin-bottom: 40px; }
  /* line 67, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
  body.single-career_openings #main .container article aside {
    float: none !important;
    max-width: 242px !important;
    margin-top: 20px;
    margin-bottom: 0 !important;}
    /* line 71, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single-career_openings #main .container article aside a.button {
      text-align: center;
      margin-top: 20px;
        display: inline-block;
  clear: both;
  background: #778890;
  padding: 10px 20px;
  color: white;
  font-weight: 300;
  text-transform: capitalize;
  font-size: 20px;
  margin: 20px 20px 0px 0;
  min-width: 200px; }
  body.single-career_openings #main .container article aside a.button:hover {
    background-color: #569dbd;
  }
   body.single-career_openings #main .container article aside a.button:after {
background: url("img/arrow-right-white.png") no-repeat 10px 6px;
display: inline-block;
width: 20px;
padding-left: 10px;
height: 20px;
  content: "   ";
}
/* line 74, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
body.single-career_openings #main .container .box {
  margin-top: 0;
  margin-bottom: 80px; }
  /* line 77, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
  body.single-career_openings #main .container .box p {
    font-size: 18px; }

@media only screen and (max-width: 640px) {
html body.single #main {

}
  /* line 83, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
  body.single #main .container {
    padding-top: 30px;
    padding-bottom: 30px; }
    /* line 86, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single #main .container nav {
      margin-bottom: 30px; }
    /* line 88, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single #main .container p + article {
      margin-top: 30px; }
    /* line 90, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single #main .container article {
      margin-left: auto;
      margin-bottom: 30px; }
      /* line 93, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
      body.single #main .container article h2 {
        font-size: 18px; }
      /* line 95, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
      body.single #main .container article p {
        font-size: 14px; }
        /* line 97, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
        body.single #main .container article p a.readmore {
          font-size: 13px; }
          /* line 99, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
          body.single #main .container article p a.readmore:after {
            height: 14px;
            width: 16px;
            background-size: cover; }
      /* line 104, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
      body.single #main .container article aside a.button {
        font-size: 16px;
        margin-top: 30px;
        margin-bottom: 30px; }
  /* line 110, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
  body.single #main .container.blog-single article {
    padding-left: 0; }
  /* line 112, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
  body.single #main .container.blog-single article aside {
    margin-left: 0;
    position: relative;
    width: auto;
    float: none;
    display: block; } }
@media only screen and (max-width: 500px) {
  /* line 123, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
  body.single #main .container {
    padding-top: 20px;
    padding-bottom: 20px; }
    /* line 127, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single #main .container nav a {
      font-size: 14px; }
    /* line 129, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single #main .container p + article {
      margin-top: 20px; }
    /* line 132, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single #main .container article {
      margin-bottom: 20px;
      padding-bottom: 10px; }
      /* line 135, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
      body.single #main .container article h2 {
        font-size: 14px; }
      /* line 137, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
      body.single #main .container article h3 {
        font-size: 10px;
        margin-bottom: 0; }
        /* line 140, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
        body.single #main .container article h3 + ul, body.single #main .container article h3 + p {
          margin-top: 0; }
      /* line 142, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
      body.single #main .container article ul {
        padding-left: 18px; }
      /* line 144, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
      body.single #main .container article p, body.single #main .container article li {
        font-size: 10px;
        line-height: 16px; }
        /* line 147, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
        body.single #main .container article p a.readmore, body.single #main .container article li a.readmore {
          font-size: 13px; }
          /* line 149, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
          body.single #main .container article p a.readmore:after, body.single #main .container article li a.readmore:after {
            height: 14px;
            width: 16px;
            background-size: cover; }
      /* line 153, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
      body.single #main .container article p, body.single #main .container article ul {
        margin: 10px auto; }
      /* line 155, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
      body.single #main .container article aside {
        margin: 10px 0; }
        /* line 157, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
        body.single #main .container article aside a.button {
          font-size: 10px;
          margin-top: 10px;
          min-width: 0;
          padding: 2px 10px 2px 30px;
          line-height: 20px;
          margin-bottom: 20px; }
          /* line 164, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
          body.single #main .container article aside a.button:after {
            height: 8px;
            background-size: contain;
            background-position: 5px center; }
      /* line 168, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
      body.single #main .container article .social {
        padding: 10px 0 0; }
      body.single #main .container.blog-single article .social {
        padding: 10px 0; margin-bottom: 0; }
        /* line 170, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
        body.single #main .container article .social img {
          width: 20px; }
  /* line 172, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
  body.single.single-news_item #main .container nav, body.single.single-career_openings #main .container nav {
    margin-bottom: 20px; }
    /* line 174, /Users/steve/Work/KBD/bluebox/html/source/css/single.css.sass */
    body.single.single-news_item #main .container nav:before, body.single.single-career_openings #main .container nav:before {
      height: 14px;
      width: 12px;
      background-size: cover; } }
/* line 3, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
body.archive #main {
  margin-top: 0;
}
body.archive #main .container {
  padding-top: 90px; }
  /* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
  body.archive #main .container nav {
    margin-bottom: 40px;
    text-align: left; }
    body.archive #main .container nav.years {
      text-align: center;
    }
    /* line 8, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive #main .container nav:before {
      content: "";
      background: url("img/arrow-left-grey.png") 0 -1px;
      display: inline-block;
      height: 20px;
      width: 20px; }
    body.archive #main .container nav.years:before {
      background: url("#");
      display: none;
    }
    /* line 14, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive #main .container nav a {
      padding-left: 0;
      font-size: 16px;
      font-weight: normal; }
    body.archive #main .container nav.years a {
      font-size: 22px;
      font-weight: 200;
      padding-left: 20px;
    }
  /* line 18, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
  body.archive #main .container h2 {
    margin-bottom: 30px;
  }
  body.archive #main .container article {
    overflow: visible;
    padding-bottom: 20px;
    margin-bottom: 80px;

    width: 100%;
    border-bottom: 1px solid #cccccc;}
  body.archive #main .container article.pagination {
    border-bottom-width: 0;
    padding-top: 20px;
  }
  body.archive #main .container article.with-aside {
    padding-left: 190px;
  }
    /* line 23, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive #main .container article h2 {
      text-align: left;
      font-size: 32px;
      margin-bottom: 0;
      -webkit-font-smoothing: subpixel-antialiased; }
      body.archive #main .container article h2 a {
        color: #0072CE;
      }
    /* line 25, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive #main .container article p {
      padding-left: 0;
      margin-top: 0;
      max-width: 700px;
      width: auto; }
    /* line 29, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive #main .container article aside {
      margin-left: -190px;
      float:left; }
    /* line 31, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive #main .container article .social {
      border-top: 1px solid #cccccc;
      padding-top: 20px; }
      /* line 34, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
      body.archive #main .container article .social a {
        display: inline-block;
        padding: 8px 8px 8px 0;
        margin-right: 8px;
        opacity: 0.5; }
/* line 39, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
body.archive.archive-news_item #main .container nav, body.archive.career #main .container nav {
  margin-bottom: 40px;
  font-size: 22px; }
/* line 42, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
body.archive.archive-news_item #main .container article, body.archive.career #main .container article {
  margin-left: 0;
  max-width: 710px; }
/* line 45, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */

/* line 47, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
body.archive.archive-news_item #main .container article aside, body.archive.career #main .container article aside {
  margin-left: 0;
  width: auto;
  float: none;
  margin-bottom: 30px; }
/* line 52, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
body.archive.archive-news_item #main .container article aside p {
  font-weight: 100;
  color: #898989;
  font-size: 14px }
body.archive.tax-news_item_type #main .container article {
/*  margin-bottom: 40px;
  padding-bottom: 40px;*/
}
body.archive.tax-news_item_type #main .container article aside {
  max-width: 170px;
}
body.archive.tax-news_item_type #main .container article aside img{
  max-width: 100%;
}
/* line 56, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
body.career h2 {
  margin-bottom: 5px; }
/* line 58, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
body.career p.date {
  margin-top: 0px;
  color: #898989; }
/* line 61, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
body.career ul {
  padding-left: 23px; }
/* line 64, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
body.career #main .container article {
  border-bottom-width: 0 !important;
  margin-bottom: 40px; }
  /* line 67, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
  body.career #main .container article aside {
    float: none !important;
    max-width: 242px !important;
    margin-top: 20px; }
    /* line 71, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.career #main .container article aside a.button {
      text-align: center;
      margin-top: 20px; }
/* line 74, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
body.career #main .container .box {
  margin-top: 0;
  margin-bottom: 80px; }
  /* line 77, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
  body.career #main .container .box p {
    font-size: 18px; }
body.archive.tax-news_item_type #main .container {
  padding-top: 40px;
}
@media only screen and (max-width: 640px) {
  /* line 83, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
  body.archive #main .container {
    padding-top: 30px;
    padding-bottom: 30px; }
    /* line 86, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive #main .container nav {
      margin-bottom: 30px; }
    body.archive #main .container nav.years a {
      font-size: 14px;
    }
    /* line 88, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive #main .container p + article {
      margin-top: 30px; }
    /* line 90, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive #main .container article {
      margin-left: auto;
      margin-bottom: 30px; }
      /* line 93, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
      body.archive #main .container article h2 {
        font-size: 18px; }
      /* line 95, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
      body.archive #main .container article p {
        font-size: 14px; }
        /* line 97, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
        body.archive #main .container article p a.readmore {
          font-size: 13px; }
          /* line 99, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
          body.archive #main .container article p a.readmore:after {
            height: 14px;
            width: 16px;
            background-size: cover; }
      /* line 104, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
      body.archive #main .container article aside a.button {
        font-size: 16px;
        margin-top: 30px;
        margin-bottom: 30px; }
  /* line 110, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
  body.archive.blog #main .container article {
    padding-left: 0; }
  /* line 112, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
  body.archive.blog #main .container aside {
    margin-left: 0;
    position: relative;
    width: auto;
    float: none; }
body.archive.tax-news_item_type #main .container {
  padding-top: 30px;
}
  }
@media only screen and (max-width: 500px) {
  /* line 123, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
  body.archive #main .container {
    padding-top: 20px;
    padding-bottom: 20px; }
    /* line 127, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive #main .container nav a {
      font-size: 14px; }
    /* line 129, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive #main .container p + article {
      margin-top: 20px; }
    /* line 132, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive #main .container article {
      margin-bottom: 20px;
      padding-bottom: 10px; }
      /* line 135, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
      body.archive #main .container article h2 {
        font-size: 14px; }
      /* line 137, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
      body.archive #main .container article h3 {
        font-size: 10px;
        margin-bottom: 0; }
        /* line 140, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
        body.archive #main .container article h3 + ul, body.archive #main .container article h3 + p {
          margin-top: 0; }
      /* line 142, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
      body.archive #main .container article ul {
        padding-left: 18px; }
      /* line 144, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
      body.archive #main .container article p, body.archive #main .container article li {
        font-size: 10px;
        line-height: 16px; }
        /* line 147, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
        body.archive #main .container article p a.readmore, body.archive #main .container article li a.readmore {
          font-size: 13px; }
          /* line 149, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
          body.archive #main .container article p a.readmore:after, body.archive #main .container article li a.readmore:after {
            height: 14px;
            width: 16px;
            background-size: cover; }
      /* line 153, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
      body.archive #main .container article p, body.archive #main .container article ul {
        margin: 10px auto; }
      /* line 155, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
      body.archive #main .container h2 {
        margin-bottom: 20px;
      }
      body.archive #main .container article {
        padding-left: 0;
      }
      body.archive #main .container article h2 {
        margin-bottom: 0;
      }

      body.archive #main .container article p {
        margin-top: 0px;
      }
      body.archive #main .container article aside {
        margin: 10px 0; display: none; }
        /* line 157, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
        body.archive #main .container article aside a.button {
          font-size: 10px;
          margin-top: 10px;
          min-width: 0;
          padding: 2px 10px 2px 30px;
          line-height: 20px;
          margin-bottom: 20px; }
          /* line 164, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
          body.archive #main .container article aside a.button:after {
            height: 8px;
            background-size: contain;
            background-position: 5px center; }
      /* line 168, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
      body.archive #main .container article .social {
        padding: 10px 0 0; }
        /* line 170, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
        body.archive #main .container article .social img {
          width: 20px; }
  /* line 172, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
  body.archive.archive-news_item #main .container nav, body.archive.career #main .container nav {
    margin-bottom: 20px; }
    /* line 174, /Users/steve/Work/KBD/bluebox/html/source/css/archive.css.sass */
    body.archive.archive-news_item #main .container nav:before, body.archive.career #main .container nav:before {
      height: 14px;
      width: 12px;
      background-size: cover; }
  body.archive.tax-news_item_type #main .container {
  padding-top: 20px;
}
 body.archive #main .container nav.years a {
      font-size: 12px;
    } }
/* line 1, /Users/steve/Work/KBD/bluebox/html/source/css/fact_boxes.css.sass */
.fact-boxes {
  clear: both;
  text-align: left;
  vertical-align: top; }
  /* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/fact_boxes.css.sass */
  .fact-boxes .box {
    background: #f3f4f4;
    padding: 4%;
    display: inline-block;
    text-align: left;
    margin: 20px 3% 20px 0;
    vertical-align: top; }
    /* line 12, /Users/steve/Work/KBD/bluebox/html/source/css/fact_boxes.css.sass */
    .fact-boxes .box h3 {
      color: #7ea885;
      font-size: 20px;
      font-weight: 100;
      text-transform: capitalize;
      margin-top: 0;
      margin-bottom: 40px; }
    /* line 19, /Users/steve/Work/KBD/bluebox/html/source/css/fact_boxes.css.sass */
    .fact-boxes .box p {
      font-size: 17px !important;
      line-height: 23px;
      font-weight: 300 !important; }

@media only screen and (max-width: 640px) {
  /* line 26, /Users/steve/Work/KBD/bluebox/html/source/css/fact_boxes.css.sass */
  body #main .fact-boxes .box {
    display: block;
    width: auto !important;
    margin-bottom: 30px !important; }
    /* line 30, /Users/steve/Work/KBD/bluebox/html/source/css/fact_boxes.css.sass */
    body #main .fact-boxes .box h3 {
      margin-bottom: 20px;
      font-size: 16px; }
    /* line 33, /Users/steve/Work/KBD/bluebox/html/source/css/fact_boxes.css.sass */
    body #main .fact-boxes .box p {
      font-size: 14px !important;
      line-height: 24px; } }
@media only screen and (max-width: 500px) {
  /* line 40, /Users/steve/Work/KBD/bluebox/html/source/css/fact_boxes.css.sass */
  body #main .fact-boxes .box {
    margin-bottom: 10px !important; }
    /* line 42, /Users/steve/Work/KBD/bluebox/html/source/css/fact_boxes.css.sass */
    body #main .fact-boxes .box h3 {
      margin-bottom: 10px;
      font-size: 12px; }
    /* line 45, /Users/steve/Work/KBD/bluebox/html/source/css/fact_boxes.css.sass */
    body #main .fact-boxes .box p {
      font-size: 10px !important;
      line-height: 16px;
      margin-top: 0; } }
/* line 1, /Users/steve/Work/KBD/bluebox/html/source/css/scrollbar.css.sass */
.thumb {
  background: transparent url("img/scroll-thumb.png") no-repeat center center;
  background-size: 15px 45px; }

/* line 5, /Users/steve/Work/KBD/bluebox/html/source/css/scrollbar.css.sass */
.scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  bottom: 0;
  background: transparent url("img/scroll-track.png") repeat-y center top; }

/* line 14, /Users/steve/Work/KBD/bluebox/html/source/css/scrollbar.css.sass */
.no-scroll .scrollbar {
  display: none; }

/* line 17, /Users/steve/Work/KBD/bluebox/html/source/css/scrollbar.css.sass */
.thumb {
  height: 45px;
  width: 15px;
  cursor: pointer;
  overflow: visible;
  position: absolute;
  left: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

/* line 31, /Users/steve/Work/KBD/bluebox/html/source/css/scrollbar.css.sass */
.scrollable {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none; }
/* line 3, /Users/steve/Work/KBD/bluebox/html/source/css/tooltip.css.sass */
.qtip {
  background: white;
  padding: 40px 30px;
  border: 1px solid #569dbd;
  border-radius: 5px;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.15);
  max-width: 400px;
  margin-left: -15px; }

.qtip-pos-tr {
  margin-left: -20px;
}
  /* line 10, /Users/steve/Work/KBD/bluebox/html/source/css/tooltip.css.sass */
  .qtip .qtip-tip {
    background: white; }
  /* line 12, /Users/steve/Work/KBD/bluebox/html/source/css/tooltip.css.sass */
  .qtip .qtip-titlebar {
    color: #569dbd;
    font-size: 24px;
    text-align: center;
    background: white;
    font-weight: 300;
    overflow: visible;
    padding-bottom: 20px; }
  /* line 20, /Users/steve/Work/KBD/bluebox/html/source/css/tooltip.css.sass */
  .qtip .qtip-content {
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    text-align: center; }

@media only screen and (max-width: 920px) {
  /* line 26, /Users/steve/Work/KBD/bluebox/html/source/css/tooltip.css.sass */
  .qtip {
    padding: 20px 10px;
    max-width: 300px; }
    /* line 29, /Users/steve/Work/KBD/bluebox/html/source/css/tooltip.css.sass */
    .qtip .qtip-titlebar {
      font-size: 18px; }
    /* line 31, /Users/steve/Work/KBD/bluebox/html/source/css/tooltip.css.sass */
    .qtip .qtip-content {
      font-size: 12px;
      line-height: 20px; } }
#main .search-results h2 + p {
  text-align: center;
}
body #main .search-results {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-left: auto;
  max-width: 850px;
}
#main .search-results article h2 {
  margin-bottom: 0;
  text-align: left;
  font-size: 28px;
  line-height: 36px;
  font-weight: 100;
}
#main .search-results article h2 a {
  color: #0072CE;}
#main .search-results article h2 a:hover {
  color: #569dbd;}
#main .search-results article p, #main .search-results article h2 + p {
      font-size: 17px;
      line-height: 30px;
      font-weight: normal;
      margin-bottom: 0;
      font-weight: 300;
      text-align: left; }
#main .search-results ol li {
  font-size: 24px;
  line-height: 30px;
}
#main .search-results article p a {
color: #0072CE; }
#main .search-results article p a:hover {
color: #569dbd; }
/* line 23, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
#main .search-results article p a.readmore {
  display: inline-block; }
  /* line 25, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
  #main .search-results article p a.readmore:after {
    content: "";
    height: 16px;
    width: 20px;
    display: inline-block;
    top: 2px; }
#main .search-results .pagination {
  margin-top: 40px;
}
@media only screen and (max-width: 640px) {
  body #main .search-results {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  #main .search-results article h2 {
    font-size: 18px;
    line-height: 24px;
  }
  #main .search-results article p, #main .search-results article h2 + p {
      font-size: 14px;
      line-height: 24px;}
  #main .search-results ol li {
  font-size: 18px;
  line-height: 24px;
  }
  #main .search-results article p a.readmore {
  font-size: 13px; }
  /* line 106, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
  #main .search-results article p a.readmore:after {
    height: 14px;
    width: 16px;
    background-size: cover; }
}
@media only screen and (max-width: 500px) {

  #main .search-results article h2 {
    font-size: 14px;
    line-height: 18px;
  }
  #main .search-results article p, #main .search-results article h2 + p {
      font-size: 10px;
      line-height: 14px;}
  #main .search-results ol li {
  font-size: 14px;
  line-height: 18px;
  }
  #main .search-results article p a.readmore {
  font-size: 10px; }
  /* line 152, /Users/steve/Work/KBD/bluebox/html/source/css/archive.category.css.sass */
  #main .search-results article p a.readmore:after {
    height: 10px;
    width: 14px;
    background-size: cover; }
}

.partners #partners,
.resources #featured,
.resources #resources  {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 170px;
  width: 940px;
}
.resources #featured {
  text-align: left;
  padding-bottom: 80px;
}
body #main .partners .container nav,
body #main .resources .container nav{
  margin-bottom: 25px;
  margin-top: 25px;
  font-size: 22px;
  font-weight: 200;
}
body #main .partners .container nav a,
body #main .resources .container nav a{
  font-weight: 200;
}

.partners #partners article,
.resources #featured article,
.resources #resources article {
  display: inline-block;
  width: 265px;
  margin: 25px;
  background: #fff;
  height: 230px;
}
.resources #featured article,
.resources #resources article  {
  border: 1px solid #7d7d7d;
  width: 244px;
  padding: 5px;
  height: 228px;
}
.resources article p {
  margin: 10px 5px 0;
  text-align: left;
  line-height: 20px
}
.resources article img {
  width: 100% !important;
  height: auto !important;
}
#main .partners #partners .window {
  padding-left: 40px;
  padding-right: 40px;
  padding: 40px;
  text-align: center;
  left: 50%;
  margin-left: -260px;
  z-index: 900;
}
#main .partners #partners .window img {
  
  position: absolute;
  top: 100px;
  left: 50%;  
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
#main .partners #partners .window .copy {
  margin-top: 140px;
  text-align: left;
}

.partners #partners article .logo {
  position: absolute;
  top: 50%;
  left: 50%;  
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.partners #partners .window {
  display: none;
  width: 440px;
}
@media only screen and (max-width: 970px) {
  .partners #partners,
  .resources #featured,
  .resources #resources {
    width: 625px;
  }
}
@media only screen and (max-width: 640px) {
  .partners #partners,
  .resources #featured,
  .resources #resources {
    width: 100%;
    padding-bottom: 70px;
  }
  .partners #partners article {
    width: 40%;
    margin: 5%;
  }
  .resources #featured article,
  .resources #resources article {
    font-size: 13px;
    line-height: 15px;
    height: 200px;
    width: 38%;
    margin: 5%;
    padding: 1%;
  }
  .resources #featured article {
    width: 37%;
  }
  .partners #partners article {

    height: 172px;
  }
  .partners #partners article .logo img{
    width: 100%;
    max-height: 172px;
  }
  #main .partners #partners .window {
    width: auto;
    left: auto;
    margin-left: auto;
  }
  #main .partners #partners .window img{
    max-height: 90px;
    height: auto;
    max-width: 40%;
    width: auto;
  }
}
@media only screen and (max-width: 540px) {
  .partners #partners article {

    height: 120px;
  }

  .resources #featured  article, 
  .resources #resources article {

    font-size: 12px;
    line-height: 14px;
  }
  .partners #partners article .logo img{
    
    max-height: 120px;
  }
}

@media only screen and (max-width: 480px) {


  .resources #featured  article, 
  .resources #resources article {
    height: 160px;
  }
  body #main .partners .container nav,
  body #main .resources .container nav {
        font-size: 12px;
        margin-bottom: 20px; }
}

#main .news-events .container {
  overflow: hidden;
  max-width: 725px;
}

#main .news-events .container a {
  color: #000;
}
#main .news-events .container  a .link,
#main .news_and_press .container  a .link {
  color: #416eb2;
     -webkit-transition: color 0.25s ease-in-out;
    -moz-transition:    color 0.25s ease-in-out;
    -ms-transition:     color 0.25s ease-in-out;
    -o-transition:      color 0.25s ease-in-out;
    transition:         color 0.25s ease-in-out; 
}
#main .news_and_press .container  a:hover .link {
  color: #569dbd;
}
#main .news-events .container a:hover {
  color: #416eb2;
}
#main .news-events #events {
  float: left;
  width: 48%;
  text-align: left;
}

#main .news-events #events article {
  position: relative;
  
  border-bottom: 1px solid #cccccc;
}
#main .news-events #events article p {
  margin-top: 0;
  padding-top: 1em;
  margin-left: 75px;
  -webkit-font-smoothing: subpixel-antialiased;
}
#main .news-events #events .date {
  width: 50px;
  height: 56px;
  background: url('img/cal-page.png') no-repeat center center;
  background-size: contain;
  left: 0;
  position: absolute;
  top: 0.75em;
  color: #416eb2;
  text-align: center;
  font-size: 25px;
}
#main .news-events #events .date span {
  display: block;
  line-height: 100%;
}
#main .news-events #events .date .month {
  font-size: 8px;
  text-transform: uppercase;
  margin-top: 18px;
  font-weight: 500;
}

#main .news-events .container #videos,
#main .news-events .container #replays {
  float: right;
  width: 48%;
  text-align: left;
  max-width: 250px;
  padding-bottom: 10px;
}
#main .news-events .container #videos {

  border-bottom: 1px solid #cccccc;
}
#main .news-events .container #events p, 
#main .news-events .container #videos p,
#main .news-events .container #replays p {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  -webkit-font-smoothing: subpixel-antialiased;
}

#main .news-events .container #videos a:hover p,
#main .news-events .container #replays a:hover p {
  color: #416eb2;
}


#main .news-events .container #videos article,
#main .news-events .container #replays article {
  margin-bottom: 10px;
 
}


#main .news-events .container #videos article {
   min-height: 57px;
}

#main .news-events .container #videos > a,
#main .news-events .container #replays > a {
  color: #416eb2;
}


#main .news-events .container #videos > a:hover,
#main .news-events .container #replays > a:hover {
  color: #569dbd;
}


#main .news-events #videos article {
  position: relative;
  padding-left: 110px;
}

#main .news-events #videos article .image {
  position: absolute;
  left: 0;
  height: auto !important;
  max-width: 100px !important;
}

#main .news-events #videos article .image img {

  height: auto;
  max-width: 100px !important;
}


#main .news-events h3 {
  color: #0076be;
  font-size: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
  text-align: left;
}

@media only screen and (max-width: 640px) { 
#main .news-events .container #events,
#main .news-events .container #videos,
#main .news-events .container #replays {
  float: none;
  max-width: 100%;
  width: auto;
  font-size: 12px;
  line-height: 18px;
}
#main .news-events .container #events p, 
#main .news-events .container #videos p,
#main .news-events .container #replays p {
  font-size: 12px;
  line-height: 18px;
}
#main .news-events h3 {
  font-size: 13px;
}
#main .news-events .bx-wrapper {
  margin-bottom: 0 !important;
}
#main .news-events .bx-wrapper .bx-controls {
  display: none;
}
#main .news-events .bx-wrapper .bx-viewport {
  overflow: visible !important;
  height: auto !important;
}

}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/



/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {

  background: url(img/arrow-up.png) no-repeat center center;
}

.bx-wrapper .bx-next {

  background: url(img/arrow-down.png) no-repeat center center;
}

.bx-wrapper .bx-pager {
  display: none;
}
.bx-wrapper .bx-controls-direction {
  text-align: center;
}
.bx-wrapper .bx-controls-direction a {
 
  outline: 0;
  width: 34px;
  height: 22px;
  padding: 10px;
  text-indent: -9999px;
  z-index: 9999;
  position: relative;
  display: inline-block;
  opacity: 1;
  -webkit-transition: all 0.5s !important;
  -moz-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;
  -ms-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

.bx-wrapper .bx-controls-direction a.disabled {
  opacity: 0.50;
}