@charset "UTF-8";
/****************************************************************************/
/* common defines                                                           */
/****************************************************************************/
/* CSS reset */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/****************************************************************************/
/* font defines                                                             */
/****************************************************************************/
/****************************************************************************/
/* macros                                                                   */
/****************************************************************************/
/* macro to zero all borders */
.noBorder {
  padding: 0;
  margin: 0;
}
/* simple frame macro to visualize div border in development */
/* size macro */
/* left top position macro */
/* clear fix to clear all floats */
.clear {
  zoom: 1;
  clear: both;
}
.clear:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.clearfix {
  clear: both;
}
/* browser independent (hopefully!) vertical two-color background gradient */
/* browser independent border radius */
/* browser independent box shadow */
/* CSS3 transition */
/* CSS3 transform */
/* 2d translate */
/* 3d translate */
/* rotate */
/* scaling */
/* CSS3 filter functions (only webkit)
 *
 *    blur([x]px)
 *    brightness(0-10)
 *    contrast(0-10)
 *    drop-shadow([x]px [y]px [z]px @col)
 *    grayscale(0-1)
 *    hue-rotate([x]deg)
 *    invert(0-1)
 *    opacity(0-1)
 *    saturate(0-10)
 *    sepia(0-1);
 */
/* disables text selection on touchy devices */
/* disables selection highlighting on touchy devices */
/* removes dotted border around links */
/* this might disable flickering on webkit transistions */
/* this might disable flickering on webkit transistions for text */
/* sets the background size */
/* adjusts the text base size */
/* this enables improved support for kerning pairs and ligatures.
 *
 * see: http://menacingcloud.com/?c=highPixelDensityDisplays
 */
/* font smoothing:
 *  none
 *  subpixel-antialiased
 *  antialiased
 */
/* position: sticky
 *
 * 2012/09/05: looking forward to seeing this work!
 * see: http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit
 */
/*
 * CSS3 flexible box model
 *
 * old version (2009)!!
 *
 */
/*
 * CSS3 flexible box model
 *
 * new version!!
 * (2013/05/14 not compatible with firefox)
 */
/*
 * ******************************************
 */
/* floats */
.Left {
  float: left;
}
.Right {
  float: right;
}
/* vertical spacer definitions */
.spacer {
  clear: both;
  height: 8px;
}
.spacer2x {
  clear: both;
  height: 16px;
}
.spacer3x {
  clear: both;
  height: 24px;
}
.spacer4x {
  clear: both;
  height: 32px;
}
.spacer5x {
  clear: both;
  height: 40px;
}
.spacer6x {
  clear: both;
  height: 48px;
}
.spacer7x {
  clear: both;
  height: 56px;
}
.spacer8x {
  clear: both;
  height: 64px;
}
.spacer9x {
  clear: both;
  height: 72px;
}
.spacer10x {
  clear: both;
  height: 80px;
}
.spacer11x {
  clear: both;
  height: 88px;
}
.spacer12x {
  clear: both;
  height: 96px;
}
/* progress / spinners */
.progress_ajax {
  position: absolute;
  height: 31px;
  width: 31px;
  left: 50%;
  top: 50%;
  margin: -16px 0 0 -16px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
  background: url(/m/bx_common_images/ajax-loader.gif) 0 0 no-repeat;
}
.progress_ajax_small {
  position: absolute;
  height: 11px;
  width: 16px;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -8px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
  background: url(/m/bx_common_images/ajax-loader_small.gif) 0 0 no-repeat;
}
.progress_ajax_large,
.loading-indicator {
  position: absolute;
  height: 19px;
  width: 220px;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -110px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
  background: url(/m/bx_common_images/loader.gif) 0 0 no-repeat;
}
.progress_spinner {
  position: absolute;
  height: 32px;
  width: 32px;
  left: 50%;
  top: 50%;
  margin: -16px 0 0 -16px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
  background: url(/m/bx_common_images/spinner.gif) 0 0 no-repeat;
}
/* generic dropdown */
/* dropdown */
.dropdown {
  position: absolute;
  display: none;
  z-index: 500;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 -1px 0 #757678, 0 5px 15px #151515, transparent 0 0 0;
  -moz-box-shadow: 0 -1px 0 #757678, 0 5px 15px #151515, transparent 0 0 0;
  box-shadow: 0 -1px 0 #757678, 0 5px 15px #151515, transparent 0 0 0;
  text-shadow: 0 -2px 0 #222222;
  color: #d9d9d9;
}
.dropdown [data-retina] {
  background: url(/m/bx_common_images/popup-back.png) 0 0 repeat;
  background-size: 100px 100px;
}
.dropdown .arrow {
  position: absolute;
  overflow: hidden;
  margin-left: -35px;
  height: 16px;
  width: 70px;
  top: -16px;
  z-index: 501;
}
.dropdown .arrow:after {
  position: absolute;
  background: url(/m/bx_common_images/popup-back.png) 0 0 repeat;
  background-size: 100px 100px;
  border: #757678 solid 1px;
  content: "";
  left: 20px;
  top: 5px;
  height: 20px;
  width: 20px;
  -webkit-box-shadow: 6px 5px 9px -9px #000000, 5px 6px 9px -9px #000000, transparent 0 0 0;
  -moz-box-shadow: 6px 5px 9px -9px #000000, 5px 6px 9px -9px #000000, transparent 0 0 0;
  box-shadow: 6px 5px 9px -9px #000000, 5px 6px 9px -9px #000000, transparent 0 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.dropdown em {
  font-style: italic;
  color: #ffffff;
}
.dropdown strong {
  font-weight: bold;
  color: #ffffff;
}
.dropdown .link {
  font-family: "ff-dax-web-pro-1", "ff-dax-web-pro-2", "DaxOT", Arial;
  font-weight: bold;
  font-style: italic;
  padding: 0 2px;
  color: #ffffff;
  text-decoration: none;
}
.dropdown .link:hover,
.dropdown .link:active {
  border-bottom: 1px dotted #e6e6e6;
}
.dropdown .rows {
  position: relative;
  display: inline-block;
}
.dropdown .rows .row {
  clear: both;
  padding-top: 16px;
  display: inline-block;
}
.dropdown .rows .row [class^="icon-"],
.dropdown .rows .row [class*=" icon-"] {
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
}
.dropdown .rows .row p {
  text-shadow: 0 -2px 0 #222222;
  color: #d9d9d9;
}
.dropdown .rows .row p em {
  font-style: italic;
  color: #ffffff;
}
.dropdown .rows .row p strong {
  font-weight: bold;
  color: #ffffff;
}
.dropdown .rows .row p a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "ff-dax-web-pro-1", "ff-dax-web-pro-2", "DaxOT", Arial;
  font-weight: bold;
  font-style: italic;
  padding: 0 2px;
  color: #ffffff;
  text-decoration: none;
}
.dropdown .rows .row p a:hover,
.dropdown .rows .row p a:active {
  border-bottom: 1px dotted #e6e6e6;
}
.dropdown .rows .row p.small {
  font-size: 12px;
  line-height: 14px;
}
.dropdown .rows .row .icon {
  position: relative;
}
.dropdown .rows .row .icons-info-forum,
.dropdown .rows .row .icons-info-call {
  margin-top: -1px;
}
.dropdown .rows .row:nth-child(n+2) {
  margin-top: 8px;
}
.dropdown .rows .row:nth-child(n+2) [data-retina] {
  background: url(/m/bx_common_images/popup-divider-hori.png) 4px 0 no-repeat;
  background-size: 330px 2px;
}
.dropdown .columns {
  position: relative;
  display: inline;
}
.dropdown .columns .column {
  float: left;
  padding-right: 8px;
}
.dropdown .columns .column:nth-child(n+2) {
  padding-left: 16px;
  background: url(/m/bx_common_images/popup-divider-verti.png) 0 32px no-repeat;
}
/* icons from /m/bx_common_images/icons-info[@2x].png */
.icons-info [data-retina] {
  background-image: url(/m/bx_common_images/icons-info.png);
  background-repeat: no-repeat;
  background-size: 399px 37px;
}
.icons-info-info {
  height: 18px;
  width: 17px;
  background-position: 0 -9px;
}
.icons-info-mail {
  height: 13px;
  width: 17px;
  background-position: -19px -11px;
}
.icons-info-team {
  height: 14px;
  width: 19px;
  background-position: -38px -10px;
}
.icons-info-printer {
  height: 16px;
  width: 19px;
  background-position: -58px -10px;
}
.icons-info-knowledgebase {
  height: 17px;
  width: 14px;
  background-position: -78px -9px;
}
.icons-info-forum {
  height: 16px;
  width: 18px;
  background-position: -93px -10px;
}
.icons-info-feedback {
  height: 17px;
  width: 14px;
  background-position: -113px -9px;
}
.icons-info-call {
  height: 18px;
  width: 18px;
  background-position: -128px -9px;
}
.icons-info-link {
  height: 16px;
  width: 15px;
  background-position: -147px -10px;
}
.icons-info-download {
  height: 26px;
  width: 25px;
  background-position: -164px -5px;
}
.icons-info-warning {
  height: 26px;
  width: 25px;
  background-position: -191px -5px;
}
.icons-info-shop {
  height: 21px;
  width: 25px;
  background-position: -216px -7px;
}
.icons-info-navleft {
  height: 37px;
  width: 37px;
  background-position: -241px 0px;
}
.icons-info-navbullet {
  height: 12px;
  width: 12px;
  background-position: -278px -13px;
}
.icons-info-navright {
  height: 37px;
  width: 37px;
  background-position: -290px 0px;
}
/* generic 960px broad wrapper */
.wrapper960 {
  position: relative;
  width: 960px;
  margin: auto;
}
/* font icons */
@font-face {
  font-family: 'fontello';
  src: url("/m/bx_lessmixins/fontello/font/fontello.eot");
  src: url("/m/bx_lessmixins/fontello/font/fontello.eot?#iefix") format('embedded-opentype'), url("/m/bx_lessmixins/fontello/font/fontello.woff") format('woff'), url("/m/bx_lessmixins/fontello/font/fontello.ttf") format('truetype'), url("/m/bx_lessmixins/fontello/font/fontello.svg#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  /* fix buttons height */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-zize: 120%; */
}
.icon-arrow-combo:before {
  content: '\e808';
}
/* 'î ˆ' */
.icon-attach:before {
  content: '\e801';
}
/* 'î �' */
.icon-attention:before {
  content: '\e015';
}
/* '' */
.icon-basket:before {
  content: '\e00c';
}
/* '' */
.icon-cancel-circle2:before {
  content: '\e00d';
}
/* '�' */
.icon-chat:before {
  content: '\e018';
}
/* '' */
.icon-check-empty:before {
  content: '\e0a5';
}
/* 'î‚¥' */
.icon-check:before {
  content: '\e0a6';
}
/* '' */
.icon-comment-alt:before {
  content: '\e017';
}
/* '' */
.icon-down-circle2:before {
  content: '\e806';
}
/* 'î †' */
.icon-down-open:before {
  content: '\e01d';
}
/* '�' */
.icon-download:before {
  content: '\e809';
}
/* 'î ‰' */
.icon-facebook-rect:before {
  content: '\e01a';
}
/* '' */
.icon-forward:before {
  content: '\e020';
}
/* '' */
.icon-googleplus-rect:before {
  content: '\e01c';
}
/* '' */
.icon-info-circled:before {
  content: '\e80a';
}
/* 'î Š' */
.icon-left-circle2:before {
  content: '\e805';
}
/* 'î …' */
.icon-left-open:before {
  content: '\e01e';
}
/* '' */
.icon-link-1:before {
  content: '\e019';
}
/* '' */
.icon-link:before {
  content: '\e802';
}
/* 'î ‚' */
.icon-mail-1:before {
  content: '\e010';
}
/* '�' */
.icon-mail-2:before {
  content: '\e014';
}
/* '' */
.icon-phone-1:before {
  content: '\e011';
}
/* '' */
.icon-phone:before {
  content: '\e803';
}
/* 'î ƒ' */
.icon-play-circle2:before {
  content: '\e00e';
}
/* '' */
.icon-plus-circle:before {
  content: '\e101';
}
/* '�' */
.icon-print:before {
  content: '\e002';
}
/* '' */
.icon-right-circle2:before {
  content: '\e804';
}
/* 'î „' */
.icon-right-open:before {
  content: '\e01f';
}
/* '' */
.icon-twitter-bird:before {
  content: '\e01b';
}
/* '' */
.icon-up-circle2:before {
  content: '\e807';
}
/* 'î ‡' */
.icon-up-open:before {
  content: '\e100';
}
/* 'î„€' */
.icon-upload:before {
  content: '\e00b';
}
/* '' */
.icon-user:before {
  content: '\e016';
}
/* '' */
.icon-users-1:before {
  content: '\e00f';
}
/* '�' */
.icon-users:before {
  content: '\e800';
}
/* 'î €' */
.boxed,
article {
  border: 1px solid #9c9c9b;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0px 0px 30px #d6d5d0, 0 0 0 1px #f5f4f3, transparent 0 0 0;
  -moz-box-shadow: inset 0px 0px 30px #d6d5d0, 0 0 0 1px #f5f4f3, transparent 0 0 0;
  box-shadow: inset 0px 0px 30px #d6d5d0, 0 0 0 1px #f5f4f3, transparent 0 0 0;
}
* {
  box-sizing: border-box;
}
body {
  background: #dbdbdb;
  background-color: #dbdbdb;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f0f0f0), to(#dbdbdb));
  /* Konqueror */
  background-image: -moz-linear-gradient(#f0f0f0, #dbdbdb);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(#f0f0f0, #dbdbdb);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #dbdbdb));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(#f0f0f0, #dbdbdb);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(#f0f0f0, #dbdbdb);
  /* Opera 11.10 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#dbdbdb', GradientType=0);
  /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#dbdbdb', GradientType=0)";
  /* IE8+ */
  background-image: linear-gradient(#f0f0f0, #dbdbdb);
  /* the standard */
  background-size: 100% 300px;
  font-family: "ff-dax-web-pro-1", "ff-dax-web-pro-2", "DaxOT", Arial;
  color: #444444;
  font-size: 14px;
}
h1 {
  font-size: 36px;
  margin: 24px 0 0 0;
}
h2 {
  font-size: 2em;
  display: block;
  margin-bottom: 10px;
}
h2 small {
  font-size: 0.6em;
  color: #777777;
}
p {
  line-height: 1.4em;
  margin: 0.5em 0;
}
.center {
  margin: 20px auto;
  overflow: hidden;
  max-width: 300px;
}
@media only screen and (min-width: 460px) {
  .center {
    max-width: 440px;
  }
}
@media only screen and (min-width: 521px) {
  .center {
    max-width: 500px;
  }
}
@media only screen and (min-width: 750px) {
  .center {
    max-width: 720px;
  }
}
@media only screen and (min-width: 1000px) {
  .center {
    max-width: 960px;
  }
}
#cameras {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
}
ul {
  width: 100%;
}
@media only screen and (min-width: 750px) {
  ul {
    width: 50%;
  }
}
ul li {
  margin: 3px 0;
}
ul li p {
  display: inline-block;
  margin: 3px 0;
}
ul li p:last-of-type {
  margin-bottom: 5px;
}
b {
  font-weight: bold;
}
header {
  padding: 0 30px;
  margin-bottom: 2em;
}
article {
  padding: 29px;
}
@media only screen and (min-width: 750px) {
  article {
    padding-left: 58px;
  }
}
article + article {
  margin-top: 2em;
}
article hr {
  width: auto;
  margin: 25px -29px 29px -30px;
  padding: 0;
}
@media only screen and (min-width: 750px) {
  article hr {
    margin-left: -58px;
  }
}