/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
   * Remove default margin.
   */
body {
  margin: 0;
}

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none;
}

/* Links
     ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
     ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
  font-weight: bold;
}

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
  font-style: italic;
}

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000;
}

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `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;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0;
}

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
     ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px;
}

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
   * Contain overflow in all browsers.
   */
pre {
  overflow: auto;
}

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
     ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
  overflow: visible;
}

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
  text-transform: none;
}

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
   * Re-set default cursor for disabled elements.
   */
button[disabled],
html input[disabled] {
  cursor: not-allowed;
}

/**
   * Remove inner padding and border in Firefox 4+.
   */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
input {
  line-height: normal;
}

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
   */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 2 */
}

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * Define consistent border, margin, and padding.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto;
}

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
  font-weight: bold;
}

/* Tables
     ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&tablet=51.25em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  font-size: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  width: 100%;
  border-radius: 0;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1;
}

[data-whatinput='mouse'] button {
  outline: 0;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row {
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
}

.row::before, .row::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.row::after {
  clear: both;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.row .row {
  max-width: none;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

@media screen and (min-width: 40em) {
  .row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.row .row.collapse {
  margin-left: 0;
  margin-right: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-left: auto;
  margin-right: auto;
}

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media screen and (min-width: 40em) {
  .column, .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.small-1 {
  width: 8.33333%;
}

.small-push-1 {
  position: relative;
  left: 8.33333%;
}

.small-pull-1 {
  position: relative;
  left: -8.33333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 16.66667%;
}

.small-push-2 {
  position: relative;
  left: 16.66667%;
}

.small-pull-2 {
  position: relative;
  left: -16.66667%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-4 {
  width: 33.33333%;
}

.small-push-4 {
  position: relative;
  left: 33.33333%;
}

.small-pull-4 {
  position: relative;
  left: -33.33333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.66667%;
}

.small-push-5 {
  position: relative;
  left: 41.66667%;
}

.small-pull-5 {
  position: relative;
  left: -41.66667%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-7 {
  width: 58.33333%;
}

.small-push-7 {
  position: relative;
  left: 58.33333%;
}

.small-pull-7 {
  position: relative;
  left: -58.33333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.66667%;
}

.small-push-8 {
  position: relative;
  left: 66.66667%;
}

.small-pull-8 {
  position: relative;
  left: -66.66667%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-10 {
  width: 83.33333%;
}

.small-push-10 {
  position: relative;
  left: 83.33333%;
}

.small-pull-10 {
  position: relative;
  left: -83.33333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.66667%;
}

.small-push-11 {
  position: relative;
  left: 91.66667%;
}

.small-pull-11 {
  position: relative;
  left: -91.66667%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left;
}

.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}

.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left;
}

.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}

.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left;
}

.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}

.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left;
}

.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}

.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left;
}

.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}

.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left;
}

.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}

.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left;
}

.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}

.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left;
}

.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}

.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.small-collapse .row,
.expanded.row .small-collapse.row {
  margin-left: 0;
  margin-right: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left;
}

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.66667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-collapse .row,
  .expanded.row .medium-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}

@media screen and (min-width: 51.25em) {
  .tablet-1 {
    width: 8.33333%;
  }
  .tablet-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .tablet-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .tablet-offset-0 {
    margin-left: 0%;
  }
  .tablet-2 {
    width: 16.66667%;
  }
  .tablet-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .tablet-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .tablet-offset-1 {
    margin-left: 8.33333%;
  }
  .tablet-3 {
    width: 25%;
  }
  .tablet-push-3 {
    position: relative;
    left: 25%;
  }
  .tablet-pull-3 {
    position: relative;
    left: -25%;
  }
  .tablet-offset-2 {
    margin-left: 16.66667%;
  }
  .tablet-4 {
    width: 33.33333%;
  }
  .tablet-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .tablet-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .tablet-offset-3 {
    margin-left: 25%;
  }
  .tablet-5 {
    width: 41.66667%;
  }
  .tablet-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .tablet-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .tablet-offset-4 {
    margin-left: 33.33333%;
  }
  .tablet-6 {
    width: 50%;
  }
  .tablet-push-6 {
    position: relative;
    left: 50%;
  }
  .tablet-pull-6 {
    position: relative;
    left: -50%;
  }
  .tablet-offset-5 {
    margin-left: 41.66667%;
  }
  .tablet-7 {
    width: 58.33333%;
  }
  .tablet-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .tablet-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .tablet-offset-6 {
    margin-left: 50%;
  }
  .tablet-8 {
    width: 66.66667%;
  }
  .tablet-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .tablet-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .tablet-offset-7 {
    margin-left: 58.33333%;
  }
  .tablet-9 {
    width: 75%;
  }
  .tablet-push-9 {
    position: relative;
    left: 75%;
  }
  .tablet-pull-9 {
    position: relative;
    left: -75%;
  }
  .tablet-offset-8 {
    margin-left: 66.66667%;
  }
  .tablet-10 {
    width: 83.33333%;
  }
  .tablet-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .tablet-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .tablet-offset-9 {
    margin-left: 75%;
  }
  .tablet-11 {
    width: 91.66667%;
  }
  .tablet-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .tablet-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .tablet-offset-10 {
    margin-left: 83.33333%;
  }
  .tablet-12 {
    width: 100%;
  }
  .tablet-offset-11 {
    margin-left: 91.66667%;
  }
  .tablet-up-1 > .column, .tablet-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .tablet-up-1 > .column:nth-of-type(1n), .tablet-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .tablet-up-1 > .column:nth-of-type(1n+1), .tablet-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .tablet-up-1 > .column:last-child, .tablet-up-1 > .columns:last-child {
    float: left;
  }
  .tablet-up-2 > .column, .tablet-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .tablet-up-2 > .column:nth-of-type(1n), .tablet-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .tablet-up-2 > .column:nth-of-type(2n+1), .tablet-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .tablet-up-2 > .column:last-child, .tablet-up-2 > .columns:last-child {
    float: left;
  }
  .tablet-up-3 > .column, .tablet-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .tablet-up-3 > .column:nth-of-type(1n), .tablet-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .tablet-up-3 > .column:nth-of-type(3n+1), .tablet-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .tablet-up-3 > .column:last-child, .tablet-up-3 > .columns:last-child {
    float: left;
  }
  .tablet-up-4 > .column, .tablet-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .tablet-up-4 > .column:nth-of-type(1n), .tablet-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .tablet-up-4 > .column:nth-of-type(4n+1), .tablet-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .tablet-up-4 > .column:last-child, .tablet-up-4 > .columns:last-child {
    float: left;
  }
  .tablet-up-5 > .column, .tablet-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .tablet-up-5 > .column:nth-of-type(1n), .tablet-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .tablet-up-5 > .column:nth-of-type(5n+1), .tablet-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .tablet-up-5 > .column:last-child, .tablet-up-5 > .columns:last-child {
    float: left;
  }
  .tablet-up-6 > .column, .tablet-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .tablet-up-6 > .column:nth-of-type(1n), .tablet-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .tablet-up-6 > .column:nth-of-type(6n+1), .tablet-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .tablet-up-6 > .column:last-child, .tablet-up-6 > .columns:last-child {
    float: left;
  }
  .tablet-up-7 > .column, .tablet-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .tablet-up-7 > .column:nth-of-type(1n), .tablet-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .tablet-up-7 > .column:nth-of-type(7n+1), .tablet-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .tablet-up-7 > .column:last-child, .tablet-up-7 > .columns:last-child {
    float: left;
  }
  .tablet-up-8 > .column, .tablet-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .tablet-up-8 > .column:nth-of-type(1n), .tablet-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .tablet-up-8 > .column:nth-of-type(8n+1), .tablet-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .tablet-up-8 > .column:last-child, .tablet-up-8 > .columns:last-child {
    float: left;
  }
  .tablet-collapse > .column, .tablet-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .tablet-collapse .row,
  .expanded.row .tablet-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .tablet-uncollapse > .column, .tablet-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .tablet-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .tablet-uncentered,
  .tablet-push-0,
  .tablet-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}

@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-collapse .row,
  .expanded.row .large-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}

.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  background-color: #2199e8;
  color: #fefefe;
}

[data-whatinput='mouse'] .button {
  outline: 0;
}

.button:hover, .button:focus {
  background-color: #1583cc;
  color: #fefefe;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.button.primary {
  background-color: #2199e8;
  color: #fefefe;
}

.button.primary:hover, .button.primary:focus {
  background-color: #147cc0;
  color: #fefefe;
}

.button.secondary {
  background-color: #777;
  color: #fefefe;
}

.button.secondary:hover, .button.secondary:focus {
  background-color: #5f5f5f;
  color: #fefefe;
}

.button.success {
  background-color: #3adb76;
  color: #fefefe;
}

.button.success:hover, .button.success:focus {
  background-color: #22bb5b;
  color: #fefefe;
}

.button.warning {
  background-color: #ffae00;
  color: #fefefe;
}

.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #fefefe;
}

.button.alert {
  background-color: #ec5840;
  color: #fefefe;
}

.button.alert:hover, .button.alert:focus {
  background-color: #da3116;
  color: #fefefe;
}

.button.hollow {
  border: 1px solid #2199e8;
  color: #2199e8;
}

.button.hollow, .button.hollow:hover, .button.hollow:focus {
  background-color: transparent;
}

.button.hollow:hover, .button.hollow:focus {
  border-color: #0c4d78;
  color: #0c4d78;
}

.button.hollow.primary {
  border: 1px solid #2199e8;
  color: #2199e8;
}

.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0c4d78;
  color: #0c4d78;
}

.button.hollow.secondary {
  border: 1px solid #777;
  color: #777;
}

.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3c3c3c;
  color: #3c3c3c;
}

.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}

.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.hollow.alert {
  border: 1px solid #ec5840;
  color: #ec5840;
}

.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #881f0e;
  color: #881f0e;
}

.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #2199e8;
  color: #fefefe;
}

.button.dropdown::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  border-color: #fefefe transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  position: relative;
  top: 0.4em;
  float: right;
  margin-left: 1em;
  display: inline-block;
}

.button.arrow-only::after {
  margin-left: 0;
  float: none;
  top: -0.1em;
}

.button-group {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.button-group::before, .button-group::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.button-group::after {
  clear: both;
}

.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 0.9rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.button-group .button:last-child {
  margin-right: 0;
}

.button-group.tiny .button {
  font-size: 0.6rem;
}

.button-group.small .button {
  font-size: 0.75rem;
}

.button-group.large .button {
  font-size: 1.25rem;
}

.button-group.expanded .button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}

.button-group.primary .button {
  background-color: #2199e8;
  color: #fefefe;
}

.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: #147cc0;
  color: #fefefe;
}

.button-group.secondary .button {
  background-color: #777;
  color: #fefefe;
}

.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: #5f5f5f;
  color: #fefefe;
}

.button-group.success .button {
  background-color: #3adb76;
  color: #fefefe;
}

.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: #22bb5b;
  color: #fefefe;
}

.button-group.warning .button {
  background-color: #ffae00;
  color: #fefefe;
}

.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: #cc8b00;
  color: #fefefe;
}

.button-group.alert .button {
  background-color: #ec5840;
  color: #fefefe;
}

.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: #da3116;
  color: #fefefe;
}

.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 39.9375em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 51.1875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 51.25em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media screen and (min-width: 51.25em) {
  .hide-for-tablet {
    display: none !important;
  }
}

@media screen and (max-width: 51.1875em) {
  .show-for-tablet {
    display: none !important;
  }
}

@media screen and (min-width: 51.25em) and (max-width: 63.9375em) {
  .hide-for-tablet-only {
    display: none !important;
  }
}

@media screen and (max-width: 51.1875em), screen and (min-width: 64em) {
  .show-for-tablet-only {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}

@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}

@media screen and (min-width: 51.25em) {
  .tablet-text-left {
    text-align: left;
  }
  .tablet-text-right {
    text-align: right;
  }
  .tablet-text-center {
    text-align: center;
  }
  .tablet-text-justify {
    text-align: justify;
  }
}

@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}

.align-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.align-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-justify {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.align-spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.align-self-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.align-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.align-self-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.align-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-self-middle {
  -ms-flex-item-align: center;
      align-self: center;
}

.align-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

@media screen and (min-width: 40em) {
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}

@media screen and (min-width: 51.25em) {
  .tablet-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .tablet-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .tablet-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .tablet-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .tablet-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .tablet-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}

@media screen and (min-width: 64em) {
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .large-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .large-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .large-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .large-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .large-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}

.row {
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.row .row {
  max-width: none;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

@media screen and (min-width: 40em) {
  .row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.row.expanded {
  max-width: none;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.column, .columns {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  min-width: initial;
}

@media screen and (min-width: 40em) {
  .column, .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.column.row.row, .row.row.columns {
  float: none;
  display: block;
}

.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.small-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.small-up-1 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-1 > .column, .small-up-1 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-up-2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-2 > .column, .small-up-2 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-up-3 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-3 > .column, .small-up-3 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-up-4 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-4 > .column, .small-up-4 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.small-up-5 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-5 > .column, .small-up-5 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.small-up-6 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-6 > .column, .small-up-6 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-up-7 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-7 > .column, .small-up-7 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14.28571%;
          flex: 0 0 14.28571%;
  max-width: 14.28571%;
}

.small-up-8 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-8 > .column, .small-up-8 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  max-width: 12.5%;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media screen and (min-width: 40em) {
  .medium-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .medium-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .medium-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .medium-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .medium-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .medium-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .medium-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .medium-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .medium-up-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-up-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-up-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .medium-up-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-up-5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .medium-up-6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .medium-up-7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .medium-up-8 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 40em) and (min-width: 40em) {
  .medium-expand {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

.row.medium-unstack > .column, .row.medium-unstack > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media screen and (min-width: 40em) {
  .row.medium-unstack > .column, .row.medium-unstack > .columns {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

@media screen and (min-width: 40em) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

@media screen and (min-width: 51.25em) {
  .tablet-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .tablet-offset-0 {
    margin-left: 0%;
  }
  .tablet-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .tablet-offset-1 {
    margin-left: 8.33333%;
  }
  .tablet-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .tablet-offset-2 {
    margin-left: 16.66667%;
  }
  .tablet-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .tablet-offset-3 {
    margin-left: 25%;
  }
  .tablet-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .tablet-offset-4 {
    margin-left: 33.33333%;
  }
  .tablet-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .tablet-offset-5 {
    margin-left: 41.66667%;
  }
  .tablet-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .tablet-offset-6 {
    margin-left: 50%;
  }
  .tablet-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .tablet-offset-7 {
    margin-left: 58.33333%;
  }
  .tablet-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .tablet-offset-8 {
    margin-left: 66.66667%;
  }
  .tablet-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .tablet-offset-9 {
    margin-left: 75%;
  }
  .tablet-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .tablet-offset-10 {
    margin-left: 83.33333%;
  }
  .tablet-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .tablet-offset-11 {
    margin-left: 91.66667%;
  }
  .tablet-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .tablet-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .tablet-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .tablet-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .tablet-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .tablet-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .tablet-up-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tablet-up-1 > .column, .tablet-up-1 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .tablet-up-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tablet-up-2 > .column, .tablet-up-2 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .tablet-up-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tablet-up-3 > .column, .tablet-up-3 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .tablet-up-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tablet-up-4 > .column, .tablet-up-4 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .tablet-up-5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tablet-up-5 > .column, .tablet-up-5 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .tablet-up-6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tablet-up-6 > .column, .tablet-up-6 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .tablet-up-7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tablet-up-7 > .column, .tablet-up-7 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .tablet-up-8 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tablet-up-8 > .column, .tablet-up-8 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 51.25em) and (min-width: 51.25em) {
  .tablet-expand {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

.row.tablet-unstack > .column, .row.tablet-unstack > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media screen and (min-width: 51.25em) {
  .row.tablet-unstack > .column, .row.tablet-unstack > .columns {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

@media screen and (min-width: 51.25em) {
  .tablet-collapse > .column, .tablet-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .tablet-uncollapse > .column, .tablet-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

@media screen and (min-width: 64em) {
  .large-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .large-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .large-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .large-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .large-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .large-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .large-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .large-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .large-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .large-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .large-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .large-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .large-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .large-up-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .large-up-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .large-up-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .large-up-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .large-up-5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .large-up-6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .large-up-7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .large-up-8 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

.row.large-unstack > .column, .row.large-unstack > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media screen and (min-width: 64em) {
  .row.large-unstack > .column, .row.large-unstack > .columns {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

@media screen and (min-width: 64em) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.shrink {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 100%;
}

.column.align-top, .align-top.columns {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.column.align-bottom, .align-bottom.columns {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.column.align-middle, .align-middle.columns {
  -ms-flex-item-align: center;
      align-self: center;
}

.column.align-stretch, .align-stretch.columns {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.clearfix::after {
  clear: both;
}

*, *::before, *::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0 solid #000;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

caption, th, td {
  text-align: left;
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal;
}

a img {
  border: none;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 auto;
  padding: 0;
  position: relative;
  min-height: 100%;
  background: #e9eef1 url("/assets/images/bg.gif");
  line-height: normal;
  font-family: arial,helvetica;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

#whole {
  width: 100%;
  background: transparent url("/assets/images/bg.png") repeat-x;
  padding-top: 19px;
}

#whole.wholeTop {
  padding-top: 145px;
}

@media (min-width: 385px) {
  #whole.wholeTop {
    padding-top: 151px;
  }
}

@media screen and (min-width: 51.25em) {
  #whole.wholeTop {
    padding-top: 99px;
  }
}

@media screen and (min-width: 64em) {
  #whole.wholeTop {
    padding-top: 90px;
  }
}

body.bible > #whole.wholeTop,
body.lexicon > #whole.wholeTop,
body.hta > #whole.wholeTop,
body.search > #whole.wholeTop,
body.commView #whole.wholeTop {
  padding-top: 145px;
}

@media (min-width: 385px) {
  body.bible > #whole.wholeTop,
  body.lexicon > #whole.wholeTop,
  body.hta > #whole.wholeTop,
  body.search > #whole.wholeTop,
  body.commView #whole.wholeTop {
    padding-top: 150px;
  }
}

@media screen and (min-width: 51.25em) {
  body.bible > #whole.wholeTop,
  body.lexicon > #whole.wholeTop,
  body.hta > #whole.wholeTop,
  body.search > #whole.wholeTop,
  body.commView #whole.wholeTop {
    padding-top: 99px;
  }
}

@media screen and (min-width: 64em) {
  body.bible > #whole.wholeTop,
  body.lexicon > #whole.wholeTop,
  body.hta > #whole.wholeTop,
  body.search > #whole.wholeTop,
  body.commView #whole.wholeTop {
    padding-top: 113px;
  }
}

.container {
  min-height: 100%;
  position: relative;
}

p:first-child {
  padding-top: 0;
}

li {
  margin-left: 1em;
  list-style-position: outside;
  line-height: 1.4em;
}

li li {
  margin-left: 20px;
}

img {
  border-width: 0;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.clear {
  clear: both;
  font-size: .1em;
}

.clear::after {
  content: '';
  display: table;
  clear: both;
}

.nowrap {
  white-space: nowrap;
}

a {
  color: #39547f;
  cursor: pointer;
  text-decoration: none;
}

a:hover {
  color: #9e0b0f;
  text-decoration: underline;
}

::-moz-selection {
  color: #3a4a71;
  background-color: #c5d4e7;
}

::selection {
  color: #3a4a71;
  background-color: #c5d4e7;
}

[align=center],
div[align=center] > p {
  text-align: center;
}

hr {
  height: 1px;
  margin-bottom: .3em;
  background-color: #778097;
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
  padding: 3px 0 2px 4px;
  height: 23px;
  border: 1px solid #c2cfdf;
  color: #999;
  border-radius: 3px;
  font-size: 12px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus {
  border: 1px solid #516585;
  color: #40526e;
}

input[type="submit"] {
  height: 23px;
  border: 1px solid #91a6c3;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  font-weight: bold;
  background-color: #bbcada;
  color: #546b7e;
  text-shadow: 1px 1px 0 #e4eaee;
  padding: 3px;
}

input[type="submit"]:hover {
  background-color: #869ab9;
  color: #e9eef1;
  text-shadow: 1px 1px 0 #869ab9;
  border-color: #355488;
  cursor: pointer;
}

input[type="image"] {
  border-width: 0;
}

button {
  border: 1px solid #91a6c3;
  font-size: 13px;
  text-align: center;
  vertical-align: baseline;
  border-radius: 3px;
  font-weight: bold;
  background-color: #bbcada;
  color: #546b7e;
  padding: 9px;
  margin-top: 2px;
  line-height: normal;
}

button:hover {
  background-color: #869ab9;
  color: #e9eef1;
  border-color: #355488;
}

@media screen and (min-width: 64em) {
  button {
    padding: 2px 7px;
  }
}

a.button__ref {
  border: .15em solid #b7cae1;
  border-radius: .3em;
  padding: .25em .5em;
  text-decoration: none;
  background-color: #dae4ee;
  font-weight: bold;
}

a.button__ref:hover {
  background-color: #869ab9;
  color: #e9eef1;
  border-color: #355488;
}

textarea {
  border: 1px solid #c2cfdf;
  color: #999;
  border-radius: 3px;
  margin: 0 0 15px;
  width: 100%;
  height: 80px;
  padding: 3px;
  font-size: .8em;
  resize: vertical;
}

textarea:focus {
  border: 1px solid #516585;
  color: #40526e;
}

/* #################### Responsive Table #################### */
@media screen and (max-width: 39.9375em) {
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
  }
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table thead,
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table th,
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table tbody,
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table tr,
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table td {
    display: block;
  }
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table thead {
    display: none;
  }
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table tr {
    border-bottom: 2px solid #c5d2e0;
  }
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table tr:first-of-type {
    border-top: 2px solid #c5d2e0;
  }
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table td {
    border: none !important;
    padding: 0.625rem 1rem !important;
  }
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table td.label--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    width: auto !important;
  }
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table td::before {
    content: attr(data-label);
    display: block;
    font-weight: bold;
    margin-bottom: .25rem;
  }
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table td.label--inline::before {
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: 0;
  }
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table td.label--flex::before {
    width: 100%;
    max-width: 120px;
    margin-right: 0;
  }
  body:not(.viewport) > div > div #bodyCol1 > .bubble > .bubBody table.responsive-table.label--tiny td.label--flex::before {
    max-width: 80px;
  }
}

.row .bodyCol-wrapper {
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* ######################### Column 1 ######################### */
#bodyCol1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  min-height: 100%;
  position: relative;
}

@media screen and (min-width: 51.25em) {
  #bodyCol1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    max-width: 100%;
  }
}

@media screen and (min-width: 64em) {
  #bodyCol1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    max-width: 100%;
    max-width: 656px;
  }
}

#bodyCol1.nocrumbs {
  margin-top: 13px;
}

.mobile-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1rem;
  margin-top: 0.6rem;
  position: relative;
}

@media screen and (min-width: 64em) {
  .mobile-actions {
    display: none;
  }
}

.mobile-actions a {
  display: inline-block;
  padding: 2px 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #627b9f;
  border: 1px solid #202a39;
  border-radius: 3px;
  color: #fff;
  font-size: 1rem;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* ######################### Crumbs ######################### */
#crumbs {
  font-size: .65em;
  text-transform: uppercase;
  text-align: left;
  margin: 1px;
}

@-moz-document url-prefix() {
  #crumbs {
    margin: 0;
  }
}

#bodyCol1 > #crumbs {
  font-size: .6em;
}

.readmore {
  font-size: .8em;
  text-transform: uppercase;
}

/* ######################### FB Preview ######################### */
#fbPreview {
  width: 1px;
  height: 1px;
  margin: 0 -1px -1px 0;
  padding: 0;
  opacity: 0;
  font-size: 1px;
}

#fbPreview > img {
  width: 1px;
  height: 1px;
  margin: 0 -1px -1px 0;
  padding: 0;
  opacity: 0;
}

/* ######################### Footer ######################### */
.blbFooter {
  width: 560px;
  z-index: 10;
  padding-bottom: 60px;
  margin-left: 48px;
}

.imageDisplay #blbFooter,
.imageGallery #blbFooter {
  width: 100%;
}

#blbFooter > p {
  text-align: center;
  font-size: .6em;
  text-transform: uppercase;
}

p.alert {
  display: none;
}

/* ######################### citation ######################### */
#citeBottom {
  position: relative;
  background-color: #FCFDFD;
  border-radius: 3px;
  border: solid #c5d2e0 1px;
  font-size: .75em;
  margin: 8px 0 0 60px;
  padding: 5px 10px;
}

#citeBottom > .citeCopy {
  position: absolute;
  top: 6px;
  left: -42px;
  padding: 6px 6px 6px 7px;
  background-color: #FCFDFD;
  border-radius: 3px 0 0 3px;
  border: solid #c5d2e0 1px;
  border-width: 1px 0 1px 1px;
}

#citeBottom > .citeCopy img {
  cursor: pointer;
}

#citeBottom > .citeCopy + p {
  color: #3d4d63;
}

#pageDesc {
  padding: 20px;
  font-size: .9em;
}

.dView {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 25px;
}

.dView p {
  padding: 7px;
  font-size: .9em;
  border: solid #3d4d63 2px;
  background-color: #f9fafb;
  color: #3d4d63;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
}

.siteDesc {
  width: 76%;
  padding: 20px;
  margin: 50px 12% 0;
  border-radius: 4px;
  font-size: .9em;
  border: solid #c5d2e0 1px;
  background-color: #f9fafb;
  clear: both;
}

.siteDesc h1,
.siteDesc h6 {
  font-weight: bold;
}

.siteDesc p {
  padding-top: 1.1em;
}

.siteDesc h1 + p,
.siteDesc h6 + p {
  padding-top: 0;
}

/* ######################### Column 2 ######################### */
#bodyCol2 {
  display: none;
  padding-bottom: 50px;
  margin-top: 13px;
}

@media screen and (min-width: 64em) {
  #bodyCol2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 338px;
  }
}

/* ######################### Squisher ######################### */
#bodyCol1 > .bubble > .bubHead > div > .squisher {
  position: absolute;
  top: 4px;
  right: 42px;
  cursor: pointer;
  border-width: 0;
  display: none;
}

@-moz-document url-prefix() {
  #bodyCol1 > .bubble > .bubHead > div > .squisher {
    top: 2px;
  }
}

@media screen and (min-width: 64em) {
  #bodyCol1 > .bubble > .bubHead > div > .squisher {
    display: block;
  }
}

div#container.fullColumn div#bodyCol1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  max-width: 100%;
}

div#container.fullColumn div#bodyCol2 {
  display: none;
}

/* ######################### pageControls ######################### */
#bodyCol1 > .bubble > .bubHead > div > #pageControls {
  z-index: 1;
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop {
  display: none;
  position: absolute;
  top: 1px;
  right: 0;
  border: solid #d1cea1 1px;
  background-color: #f8f8da;
  border-radius: 3px;
  padding: 18px;
  min-width: 305px;
  cursor: default;
}

@media screen and (min-width: 64em) {
  #bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop {
    left: 36px;
    right: auto;
  }
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop p {
  min-width: 283px;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop img.fontClose {
  position: absolute;
  top: -7px;
  right: 3px;
  cursor: pointer;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p {
  padding-top: 18px;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p:first-child {
  padding-top: 0;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p > img {
  padding-left: 9px;
  cursor: pointer;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p > img:active {
  opacity: .7;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p > img:first-child + img {
  padding-left: 15px;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p > img:first-child {
  padding-left: 0;
  padding-top: 5px;
  cursor: default;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p > img:first-child:active {
  opacity: 1;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_ft > img,
#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_ftH > img,
#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_ftG > img {
  padding-left: 0;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_ft > img:first-child ~ img,
#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_ftH > img:first-child ~ img,
#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_ftG > img:first-child ~ img {
  padding-top: 3px;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_ft > img.selected,
#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_ftH > img.selected,
#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_ftG > img.selected {
  cursor: default;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_ft > img.selected:active,
#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_ftH > img.selected:active,
#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_ftG > img.selected:active {
  opacity: 1;
}

#bodyCol1 > .bubble > .bubHead > div > #pageControls > #fontDrop > p#fd_fc > img:first-child {
  padding-bottom: 3px;
}

div#container.fullColumn #bodyCol1 > .bubble > .bubHead > div > div#pageControls > div#fontDrop {
  right: -7px;
  left: auto;
  top: 23px;
}

div#container.fullColumn #bodyCol1 > .bubble > .bubHead > div > div#pageControls > div#fontDrop > img.fontClose {
  left: 3px;
  right: auto;
}

/* ######################### Popup ######################### */
.popup {
  position: absolute;
  z-index: 99;
  background-color: #e9eef1;
  border-radius: 5px;
  background-color: #6980a3;
  -webkit-box-shadow: 2px 2px 0 #fff;
          box-shadow: 2px 2px 0 #fff;
  display: none;
}

.popup > div > h1,
.popup > div > h6 {
  border: solid #355488 1px;
  border-radius: 5px 5px 0 0;
  background-color: #6980a3;
  font-family: verdana,helvetica;
  font-weight: bold;
  margin: 0;
  padding: 4px 8px 2px;
  font-size: .8em;
  color: #fff;
  text-shadow: 1px 1px 0 #355488;
  position: relative;
}

.popup > div > div {
  border: solid #355488 1px;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  background-color: #e0e8f0;
  font-size: .8em;
  margin: 0;
  color: #000;
}

.popup > div > div > p {
  padding: 0 12px 10px;
}

.popup > div > div > ul {
  margin: 10px;
}

.popup > div > div > blockquote {
  padding: 0 70px 10px;
}

.popup > div > div > p:first-child {
  padding-top: 10px;
}

.popup > div > div > div#answerButtons {
  text-align: center;
}

.popup > div > div > div#answerButtons > button {
  background-color: #E4EAEE;
  border: 1px solid #627B9F;
  border-radius: 3px 3px 3px 3px;
  color: #355488;
  font-size: 0.9em;
  font-weight: bold;
  padding: 4px 12px;
  text-shadow: 1px 1px 0 #F9FAFB;
  margin: 12px;
}

.popup > div > div > div#answerButtons > button:hover {
  background-color: #5C7190;
  border: 1px solid #355488;
  color: #FFFFFF;
  cursor: pointer;
  text-shadow: 1px 1px 0 #344255;
}

.popup .close {
  position: absolute;
  top: 4px;
  right: 5px;
  font-weight: bold;
  cursor: pointer;
  background-color: #cdd8e4;
  width: 14px;
  height: 13px;
  font-size: .8em;
  text-align: center;
  border-radius: 2px;
  border: solid #355488 1px;
  color: #6980a3;
}

.popup .close > span {
  position: relative;
  top: -4px;
}

.popup #abbrvHelp {
  padding: 10px 40px;
  margin: auto;
}

.popup #abbrvHelp div > p.alert {
  color: #9E0B0F;
  font-weight: bold;
  overflow: hidden;
}

.popup #abbrvHelp div > table {
  margin-top: 12px;
}

.popup #abbrvHelp div > table > tbody > tr > td {
  padding: 0px 6px;
  font-size: .9em;
}

.popup #abbrvHelp div + div {
  border-top: 1px solid black;
  margin-top: 12px;
  padding-top: 7px;
}

.footPopup {
  position: absolute;
  z-index: 99;
  max-width: 300px;
  border: solid #355488 1px;
  border-radius: 5px;
  background-color: #dee5ed;
  font-size: .8em;
  margin: 0;
  color: #000;
  padding: 10px 15px;
  -webkit-box-shadow: 2px 2px 0 #fff;
          box-shadow: 2px 2px 0 #fff;
  display: none;
}

/* ######################### Pagination ######################### */
#wordsData + div {
  background-color: #fff;
  margin: 0 3px 3px;
  padding: 10px 0;
}

#pageCont {
  margin: 0 auto;
  width: 100%;
  max-width: 445px;
  background-color: #fff;
}

#pageCont > thead > tr > th {
  font-weight: bold;
}

#pageCont > thead > tr > th.exactNote {
  font-weight: normal;
  font-size: .8em;
}

#pageCont > thead > tr > td > div {
  font-weight: bold;
  font-size: 1.4em;
  color: #485c7d;
  text-align: center;
  border: solid #c5d2e0 1px;
  padding: 4px 5px;
  background-color: #e9eef1;
  border-radius: 3px;
}

#pageCont > thead > tr > td.exactNote > p {
  font-weight: bold;
  font-size: .8em;
  color: #9e0b0f;
  text-align: center;
}

#pageCont > tbody > tr > td {
  padding-top: 7px;
  padding-right: 7px;
}

#pageCont > tbody > tr > td + td {
  padding-right: 0;
  padding-left: 7px;
}

#pageCont > tbody > tr > td > p {
  margin: 7px 0 0;
}

#pageCont > tbody > tr > td > p:first-child {
  margin: 0;
}

#pageCont > tbody > tr > td > p span {
  display: block;
  float: left;
  border: solid #637c95 1px;
  background-color: #c1d4e8;
  color: #2f4d6e;
  width: 35px;
  margin-bottom: 7px;
  border-radius: 3px 0 0 3px;
  padding: 1px 5px;
  font-size: .9em;
  font-weight: bold;
  text-shadow: #e9eef1 1px 1px 0;
}

#pageCont > tbody > tr > td > p span + span {
  border-left-width: 0;
  border-color: #b4c3d3;
  background-color: #e9eef1;
  color: #2f4d6e;
  width: 175px;
  border-radius: 0 3px 3px 0;
  padding-left: 8px;
  text-shadow: #fff 1px 1px 0;
  font-weight: normal;
}

#pageCont > tbody > tr > td > p:hover span {
  border-color: #2a384d;
  background-color: #3f5477;
  color: #fff;
  text-shadow: #2a384d 1px 1px 0;
}

#pageCont > tbody > tr > td > p:hover span + span {
  border-color: #3f5477;
  background-color: #627B9F;
  text-shadow: #3f5477 1px 1px 0;
}

#pageCont > tbody > tr > td > p.exactSplit:hover span + span {
  border-color: #3f5477;
  background-color: #627B9F;
  text-shadow: #3f5477 1px 1px 0;
  color: #fff;
}

#pageCont > tbody > tr > td > p.exactSplit:hover span + span + br + span + span {
  border-top-color: #c5d2e0;
}

#lexicon > #lexResults > div > #pageCont {
  font-size: 1.15em;
}

#pageCont > tbody > tr > td > p.moreRefs2 {
  cursor: default;
}

#pageCont > tbody > tr > td > p.moreRefs2 span {
  border-color: #2a384d;
  background-color: #3f5477;
  color: #fff;
  text-shadow: #2a384d 1px 1px 0;
}

#pageCont > tbody > tr > td > p.moreRefs2 span + span {
  border-color: #3f5477;
  background-color: #627B9F;
  text-shadow: #3f5477 1px 1px 0;
}

#pageCont > tbody > tr > td > p.exactSplit span + span {
  color: #2f4d6e;
  border-radius: 0 3px 0 0;
  background-color: #d9e1e7;
}

#pageCont > tbody > tr > td > p.exactSplit span + span + br + span {
  border-color: #fff;
  background-color: #fff;
  color: #fff;
  text-shadow: #fff 1px 1px 0;
}

#pageCont > tbody > tr > td > p.exactSplit span + span + br + span + span {
  color: #9e0b0f;
  background-color: #e9eef1;
  border-width: 1px;
  border-top-color: #fff;
  border-radius: 0 0 3px 3px;
  position: relative;
  top: -7px;
}

#pageCont > tbody > tr > td > p.moreRefs2.exactSplit {
  cursor: default;
}

#pageCont > tbody > tr > td > p.moreRefs2.exactSplit span:first-child {
  border-color: #2a384d;
  background-color: #3f5477;
  color: #fff;
  text-shadow: #2a384d 1px 1px 0;
}

#pageCont > tbody > tr > td > p.moreRefs2.exactSplit span + span {
  border-color: #3f5477;
  border-top-color: #6980a3;
  background-color: #627B9F;
  text-shadow: #3f5477 1px 1px 0;
  color: #fff;
}

#pageCont > tbody > tr > td > p.moreRefs2.exactSplit span + span + br + span + span {
  background-color: #9e0b0f;
}

/* ######################### YUI History ######################### */
#yui-history-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
}

/* ######################### Universal Bible Content Style ######################### */
span.yhwh {
  vertical-align: baseline;
  font-family: inherit;
  font-size: 0.8em;
}

span.vnum {
  vertical-align: top;
  font-size: 0.8em;
  font-weight: normal;
  font-style: normal;
  color: #5C749A;
}

a.ftnt {
  padding: 0px;
  vertical-align: text-top;
  text-transform: lowercase;
  font-size: 0.6em;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  color: #8A8026;
  cursor: pointer;
  line-height: 1.4em;
}

a.ftnt:hover {
  text-decoration: none;
}

a.ftnt.ignored {
  color: #5688A7;
  font-size: unset;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  padding: unset;
  text-transform: unset;
  position: unset;
}

/* ######################### Generic return links ######################### */
body > div > div > #bodyCol1 > .bubble > .return > a {
  border: 1px solid #91a6c3;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  font-weight: bold;
  background-color: #bbcada;
  color: #546b7e;
  padding: 4px 9px;
  margin-top: 2px;
  margin-left: 12px;
}

body > div > div > #bodyCol1 > .bubble > .return > a:hover {
  background-color: #869ab9;
  color: #e9eef1;
  border-color: #355488;
}

.numDelimOff {
  color: #bbb;
}

body > div > div > #bodyCol1 > .bubble > .bubBody > #userReg {
  padding: 20px;
  font-size: 0.9em;
}

body > div > div > #bodyCol1 > .bubble > .bubBody > #userReg > p + p {
  margin-top: 20px;
}

body > div > div > #bodyCol1 > .bubble > .bubBody > #userReg > h2 {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 1.2em;
}

/* ######################### SponsorSquish ######################### */
body > #whole > #container > #bodyCol1 > #poniesSquish {
  margin-left: 21px;
  height: 150px;
}

body > #whole > #container > #bodyCol1 > #poniesSquish > div {
  float: left;
  margin-left: 7px;
  font-size: .7em;
}

body > #whole > #container > #bodyCol1 > #poniesSquish > div * {
  text-align: center;
  text-transform: uppercase;
}

body > #whole > #container > #bodyCol1 > #poniesSquish > div:first-child {
  margin-left: 0;
}

body > #whole > #container > #bodyCol1 > #poniesSquish > div img {
  border: 1px solid #2D4874;
}

/* ######################### Bible Toolpop stuff ######################### */
div.toolPop {
  border: solid #c5d2e0 1px;
  position: absolute;
  background-color: #fff;
  border-radius: 6px;
  padding: 3px;
  z-index: 51;
  display: none;
}

@media screen and (max-width: 63.9375em) {
  div.toolPop {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

div.toolPop > table > tbody > tr > td > span {
  border: solid #c5d2e0 1px;
  background-color: #e9eef1;
  padding: 3px 4px 1px;
  font-size: .75em;
  font-weight: bold;
  margin-top: 3px;
  color: #4b6080;
  text-shadow: #f9fafb 1px 1px 0;
  cursor: pointer;
  display: block;
  height: 22px;
  vertical-align: middle;
}

div.toolPop > table > tbody > tr[data-bible-tool='conc'] > td span {
  background-color: #b1d4ed;
  border-color: #6a90ac;
  color: #3e6987;
}

div.toolPop > table > tbody > tr[data-bible-tool='bibles'] > td span {
  background-color: #e9c09f;
  border-color: #ba8458;
  color: #815430;
}

div.toolPop > table > tbody > tr[data-bible-tool='corr'] > td span {
  background-color: #c1bdd9;
  border-color: #6e65a5;
  color: #554d86;
}

div.toolPop > table > tbody > tr[data-bible-tool='comms'] > td span {
  background-color: #b6c59f;
  border-color: #7e9955;
  color: #586d37;
}

div.toolPop > table > tbody > tr[data-bible-tool='refs'] > td span {
  background-color: #dca9a6;
  border-color: #a4544f;
  color: #884743;
}

div.toolPop > table > tbody > tr[data-bible-tool='misc'] > td span {
  background-color: #9ce5e5;
  border-color: #639e9e;
  color: #2c6868;
}

div.toolPop > table > tbody > tr:first-child > td > span {
  margin-top: 0;
}

div.toolPop > table > tbody > tr:hover > td span {
  border-color: #627b9f;
  background-color: #bbcada;
  text-shadow: #e9eef1 1px 1px 0;
}

div.toolPop > img {
  position: absolute;
  left: -6px;
  top: 5px;
  margin-top: 3px;
}

div.toolPop:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.a_button {
  background-color: #869ab9;
  border: 1px solid #355488;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  padding: 2px 5px;
  text-align: center;
}

.a_button:hover {
  background-color: #a5b5cf;
  color: #fff;
}

/* ######################### donation drives ######################### */
@font-face {
  font-family: 'proxima_nova_ltlight';
  src: url(//:) format("no404"), url("/assets/fonts/proximanova-light-webfont.woff") format("woff"), url("/assets/fonts/proximanova-light-webfont.ttf") format("truetype"), url("/assets/fonts/proximanova-light-webfont.svg#webfont4Qd1s3Ey") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proxima_nova_ltsemibold';
  src: url(//:) format("no404"), url("/assets/fonts/proximanova-sbold-webfont.woff") format("woff"), url("/assets/fonts/proximanova-sbold-webfont.ttf") format("truetype"), url("/assets/fonts/proximanova-sbold-webfont.svg#webfont4Qd1s3Ey") format("svg");
  font-weight: normal;
  font-style: normal;
}

div#drive_2016summerCoat {
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 510;
}

div#drive_2016summer.popoverDark {
  z-index: 511;
  font-family: Proxima;
  padding: 5px 50px;
  background-color: #213552;
  border: 0.5px solid #fff;
  color: #fff;
  position: fixed;
  text-align: center;
}

div#drive_2016summer.popoverDark * {
  text-align: center;
  vertical-align: baseline;
}

div#drive_2016summer.popoverDark > .header {
  margin: 28px 0px 17px 0px;
  font-size: 1.4em;
  font-weight: 600;
  font-family: proxima_nova_ltsemibold;
}

div#drive_2016summer.popoverDark > .header > span.textOuline {
  color: #E9B440;
}

div#drive_2016summer.popoverDark > .info {
  margin: 0px 5px;
  font-size: 1.2em;
  font-family: proxima_nova_ltlight;
}

div#drive_2016summer.popoverDark > .footer {
  display: inline-block;
  margin: 19px 5px 6px 5px;
  font-size: .9em;
  font-family: proxima_nova_ltlight;
}

div#drive_2016summer div.buttonRoundy {
  border: 0px;
  border-radius: 7px;
  cursor: pointer;
  height: 65px;
  width: 270px;
  margin: 19px 0px 17px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

div#drive_2016summer div.br {
  height: 14px;
  display: block;
}

div#drive_2016summer div.dismiss {
  margin: 8px 0px 10px 0px;
  cursor: pointer;
}

div#drive_2016summer div.buttonRoundy > span {
  color: white;
  text-decoration: none;
}

div#drive_2016summer div.buttonRoundy > span.massive {
  font-weight: 600;
  font-size: 1.9em;
  font-family: proxima_nova_ltsemibold;
}

/*div#drive_2016summer div.buttonRoundy:hover,*/
div#drive_2016summer div.justText:hover,
div#drive_2016summer div.dismiss:hover {
  -webkit-filter: invert(20%);
          filter: invert(20%);
}

div#drive_2016summer div.justText {
  cursor: pointer;
  margin-top: 17px;
  display: inline-block;
}

div#drive_2016summer div.justText > span.large {
  font-weight: 600;
  font-size: 1.2em;
  letter-spacing: 1.25px;
  margin: 5px;
  font-family: proxima_nova_ltlight;
  text-decoration: underline;
  font-weight: normal;
}

div#drive_2016summer div.dismiss > span {
  font-size: 1.2em;
  letter-spacing: 1.2px;
  font-family: proxima_nova_ltlight;
  text-decoration: underline;
}

div#drive_2016summer div.dismiss > svg {
  fill: #36424e;
  stroke: white;
  width: 29px;
  position: relative;
  top: 8px;
}

div#drive_2016summer div.dismiss > svg > circle {
  stroke-width: 8;
}

div#drive_2016summer div.dismiss > svg > line {
  stroke-width: 15;
}

div#drive_2016summer div.dismiss > span.xOut {
  border: 1px solid #ccc;
  border-radius: 20px;
  font-weight: 600;
  display: inline-block;
  padding: 2px 7px;
  font-size: 1.3em;
  font-family: proxima_nova_ltlight;
}

div#drive_2016summer div.buttonRoundy > span.mini {
  font-size: 1em;
  letter-spacing: 1px;
}

div#drive_2016summer div.buttonRoundy > span,
div#drive_2016summer div.justText > span.normal {
  font-size: 1.05em;
  letter-spacing: 1px;
}

div#drive_2016summer .bgDkBlue {
  background-color: #36424e;
}

div#drive_2016summer .bgLtBlue {
  background-color: #213552;
}

div#drive_2016summer .bgWhite {
  background-color: white;
}

a.noUnderline:hover {
  text-decoration: none;
}

div#drive_2016summer .bgCustom {
  background: transparent;
  border: 2px solid #E9B440 !important;
}

div#drive_2016summer .bgCustom:hover {
  background-color: #1c4169;
}

div#drive_2016summer .bgWhite > span {
  color: #213552 !important;
}

div#drive_2016summerCoat.hidden,
div#drive_2016summer.hidden {
  display: none;
}

/* Fancy tooltip decorations */
.tooltipped {
  position: relative;
}

.tooltipped:after {
  position: absolute;
  z-index: 1000000;
  display: inline-block;
  text-decoration: none;
  padding: 5px 8px;
  font: normal normal 11px/1.5 Helvetica,arial;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: break-word;
  white-space: pre;
  pointer-events: none;
  content: attr(aria-label);
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  -webkit-font-smoothing: subpixel-antialiased;
}

.tooltipped:before {
  position: absolute;
  z-index: 1000001;
  display: inline-block;
  text-decoration: none;
  width: 0;
  height: 0;
  color: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  content: "";
  border: 5px solid transparent;
}

.tooltipped-s:after {
  top: 100%;
  right: 50%;
  margin-top: 5px;
}

.tooltipped-s:before {
  top: auto;
  right: 50%;
  bottom: -5px;
  margin-right: -5px;
  border-bottom-color: rgba(0, 0, 0, 0.8);
}

.tooltipped-s:after {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

#copyTooltip {
  position: fixed;
  z-index: 10001;
}

/* Add hidden class items below */
div.hidden,
button.hidden,
img.hidden,
a.hidden,
.expandText a.__hidden,
.titleAside a.__hidden,
.bubble .bubBody div > p img.hidden {
  display: none;
}

.pad20 {
  padding: 20px;
}

.padXX20 {
  padding-left: 20px;
  padding-right: 20px;
}

/* Global Video Stuff */
.youTubeIframe {
  border: solid #000 1px;
  margin: 0 0 0 0;
}

.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
}

.flex-video.widescreen {
  padding-bottom: 56.34%;
}

.flex-video.vimeo {
  padding-top: 0;
}

.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@font-face {
  font-family: Proxima;
  src: url("https://go.blb.org/assets/fonts/proximaReg.woff");
}

@font-face {
  font-family: blbHebrew;
  src: url("https://go.blb.org/assets/fonts/SBL_Hebrew.ttf");
}

@font-face {
  font-family: blbGentium;
  src: url("https://go.blb.org/assets/fonts/GentiumPlus-R.woff");
}

@font-face {
  font-family: 'URWEgyptienneTMedRegular';
  src: url("https://go.blb.org/assets/fonts/e046014t-webfont.eot");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'URWEgyptienneTMedRegular';
  src: url(//:) format("no404"), url("https://go.blb.org/assets/fonts/e046014t-webfont.woff") format("woff"), url("https://go.blb.org/assets/fonts/e046014t-webfont.ttf") format("truetype"), url("https://go.blb.org/assets/fonts/e046014t-webfont.svg#webfontH1BQkWHE") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AndaleMonoRegular';
  src: url("/assets/fonts/andalemono-webfont.eot");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AndaleMonoRegular';
  src: url(//:) format("no404"), url("https://go.blb.org/assets/fonts/andalemono-webfont.woff") format("woff"), url("https://go.blb.org/assets/fonts/andalemono-webfont.ttf") format("truetype"), url("https://go.blb.org/assets/fonts/andalemono-webfont.svg#webfont4Qd1s3Ey") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "socialico";
  src: url("https://go.blb.org/assets/fonts/socialico-webfont.eot");
  src: url("https://go.blb.org/assets/fonts/socialico-webfont.eot?#iefix") format("embedded-opentype"), url("https://go.blb.org/assets/fonts/socialico-webfont.woff") format("woff"), url("https://go.blb.org/assets/fonts/socialico-webfont.ttf") format("truetype"), url("https://go.blb.org/assets/fonts/socialico-webfont.svg#socialicoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "socialico_plusregular";
  src: url("https://go.blb.org/assets/fonts/socialico_plus-webfont.eot");
  src: url("https://go.blb.org/assets/fonts/socialico_plus-webfont.eot?#iefix") format("embedded-opentype"), url("https://go.blb.org/assets/fonts/socialico_plus-webfont.woff2") format("woff2"), url("https://go.blb.org/assets/fonts/socialico_plus-webfont.woff") format("woff"), url("https://go.blb.org/assets/fonts/socialico_plus-webfont.ttf") format("truetype"), url("https://go.blb.org/assets/fonts/socialico_plus-webfont.svg#socialico_plusregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.socialico {
  font-family: "socialico";
}

.socialico_plus {
  font-family: "socialico_plusregular";
}

.fa {
  font-family: FontAwesome !important;
}

.theFoot {
  padding-top: 25px;
  position: relative;
  bottom: -50px;
  width: 100%;
  border-top: 1px solid #363F4E;
  background-color: #575f6a;
}

.theFoot > .columns {
  margin-top: 25px;
}

.theFoot-columns a {
  display: block;
  padding-top: 6px;
  padding-left: 10px;
}

.theFoot-columns a.mobile-footer__button {
  margin: 5px 0px 5px 10px;
  padding: 10px;
}

.theFoot-columns a.mobile-footer__button:nth-child(8) {
  margin-top: 10px;
}

.theFoot h2 {
  padding-top: 20px;
  padding-bottom: 3px;
  color: #dcdee0;
  font-size: .9em;
  font-weight: bold;
  text-transform: uppercase;
}

.theFoot h2:first-child {
  padding-top: 0;
}

.theFoot h2 a {
  color: #dcdee0;
  font-size: .9em;
  font-weight: bold;
  padding: 0px 0px 5px 0px;
  text-transform: uppercase;
}

.theFoot a {
  display: inline-block;
  color: #fff;
  font-size: .75em;
  white-space: nowrap;
}

.theFoot p {
  padding-bottom: 25px;
  color: #DCDEE0;
  font-size: .875em;
}

.theFoot h2 + a {
  padding-top: 0;
}

.theFoot hr {
  height: 2px;
  margin: 17px 0 20px;
  background-color: #fff;
  border-bottom: 1px solid #797F88;
}

.mobile-footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-footer a {
  display: inline-block;
  padding-left: 0;
  color: #fff;
  font-size: .9em;
  font-weight: bold;
}

.mobile-footer__button,
.mobile-footer .mobile-footer__button {
  display: inline-block;
  padding: .25rem 1rem;
  background-color: #5d7599;
  border: 1px solid #375686;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.mobile-footer__button:hover,
.mobile-footer .mobile-footer__button:hover {
  background-color: #5d7599;
}

.mobile-footer .mobile-footer__right-col .mobile-footer__button {
  padding: .5rem;
  margin-bottom: 0;
  margin-left: 1rem;
}

.mobile-footer__left-col .column, .mobile-footer__left-col .columns {
  margin-bottom: 2em;
  padding-right: 0;
  text-align: center;
}

@media screen and (min-width: 40em) {
  .mobile-footer__left-col .column, .mobile-footer__left-col .columns {
    margin-bottom: 0;
    text-align: left;
  }
}

.mobile-footer__right-col {
  text-align: center;
}

@media screen and (min-width: 40em) {
  .mobile-footer__right-col {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.mobile-footer__right-col a:nth-child(2) {
  margin-left: 1rem;
  margin-right: 1rem;
}

.copyright {
  padding-right: 20px;
}

.copyright a {
  display: inline-block;
  padding-left: 0;
  padding-top: 0;
  color: inherit;
  font-size: inherit;
}

body.viewport .theFoot {
  min-width: 1000px;
}

body.viewport .theFoot > .row > .columns > .row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

body.viewport .mobile-footer__left-col .column, body.viewport .mobile-footer__left-col .columns {
  margin-bottom: 0;
  text-align: left;
}

body.viewport .mobile-footer__right-col {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) .copyright {
    text-align: center;
  }
}

.button {
  padding: .6rem 1.4rem;
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
}

.button--lightgray {
  background-color: #aaa;
  border-color: #777;
  color: #111;
}

.button--darkgray {
  background-color: #444;
  border-color: #111;
  color: #fff;
}

.button.dropdown::after {
  margin-left: .5em;
  border-width: 5px 4px;
}

.button.arrow-right::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  border-color: transparent transparent transparent #fefefe;
  border-left-style: solid;
  border-right-width: 0;
  border-width: 4px 5px;
  position: relative;
  top: -1px;
  margin-left: .5em;
  display: inline-block;
}

.toggle-sign::before {
  content: '-';
  position: relative;
  top: -1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: .5em;
  font-size: 1rem;
  width: 16px;
  /*@include breakpoint(large up) { display: none; }*/
}

.toggle-sign.is-closed::before {
  content: '+';
  font-size: 1em;
  top: 0;
}

.bubble {
  margin-bottom: 7px;
  position: relative;
}

@media screen and (min-width: 40em) {
  .bubble .bubHead {
    background-color: #637a9f;
    border: solid #355488 1px;
    border-bottom: solid #526b95 1px;
    padding: 1px 1px 0;
    border-radius: 3px 3px 0 0;
  }
}

@media screen and (min-width: 40em) {
  .bubble .bubHead > div {
    position: relative;
    background-color: #587096;
    border: solid #5c749a 2px;
    border-bottom: solid #526b95 0;
    padding: 1px 1px 0;
    border-radius: 2px 2px 0 0;
  }
}

.bubble .bubHead > div > h1,
.bubble .bubHead > div > h6 {
  text-align: center;
  font-weight: bold;
  margin: 0;
}

@media screen and (min-width: 40em) {
  .bubble .bubHead > div > h1,
  .bubble .bubHead > div > h6 {
    background-color: #627b9f;
    border: solid #6980a3 1px;
    border-bottom: solid #526b95 0;
    color: #fff;
    font-family: verdana,helvetica;
    font-size: .75em;
    letter-spacing: .02em;
    text-shadow: #355488 1px 1px 0;
    text-align: left;
    padding: 4px 42px 4px 7px;
  }
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) .bubble .bubHead > div > h1 {
    font-size: 1.5em;
  }
}

.bubble.login .bubHead > div > h6 {
  background-color: #627b9f;
  border: solid #6980a3 1px;
  border-bottom: solid #526b95 0;
  color: #fff;
  font-family: verdana,helvetica;
  font-size: .75em;
  font-weight: bold;
  letter-spacing: .02em;
  text-shadow: #355488 1px 1px 0;
  text-align: left;
  padding: 4px 42px 4px 7px;
  margin: 0;
}

.bubble .bubHead > div > h1 > em,
.bubble .bubHead > div > h6 > em {
  position: relative;
  bottom: 0;
}

.bubble-subhead {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
  font-weight: bold;
}

/* ---------------------------- */
/* Bubble Form Input            */
/* ---------------------------- */
.bubble-news-form {
  text-align: center;
}

input.news-form-text[type="text"] {
  height: 35px;
  margin-right: 5px;
  border: solid #627B9F 1px;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 3px;
  color: #999;
}

input.news-form-submit[type="submit"] {
  height: 35px;
  border: solid #91a6c3 1px;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  font-weight: bold;
  background-color: #bbcada;
  color: #546b7e;
  text-shadow: 1px 1px 0 #e4eaee;
  padding: 3px 8px;
  margin: 0;
}

input.news-form-submit[type="submit"]:hover {
  background-color: #869ab9;
  color: #e9eef1;
  text-shadow: 1px 1px 0 #869ab9;
  border-color: #355488;
  cursor: pointer;
}

@media screen and (min-width: 40em) {
  .bubble .bubBody {
    font-family: arial,helvetica;
    font-size: 1em;
    background-color: #fcfdfd;
    border: solid #c5d2e0 1px;
    border-width: 0 1px 1px;
    border-radius: 0 0 3px 3px;
  }
}

@media screen and (min-width: 64em) {
  .bubble .bubBody {
    padding: 0 1px 1px;
  }
}

@media screen and (max-width: 39.9375em) {
  .bubble .bubBody {
    background-color: transparent;
  }
}

@media screen and (min-width: 40em) {
  .bubble .bubBody ~ .bubBody {
    border-width: 1px;
    padding: 1px;
    border-radius: 3px 3px 3px 3px;
  }
}

.bubble.login .bubBody > div {
  background-color: #f9fafb;
}

.bubble .bubBody div > p img {
  margin: 0 0 7px 7px;
  padding: 4px;
  border: solid #dce3ec 1px;
  background-color: #f8f8f9;
}

.bubble .bubBody div > p img.right {
  margin: 0 0 7px 7px;
  float: right;
}

.bubble .bubBody div > p img.left {
  margin: 0 7px 7px 0;
  float: left;
}

.bubble .bubTail {
  position: relative;
  top: -15px;
}

.bubble .bubTail div > hr {
  display: none;
}

.bubble .bubTail img {
  position: absolute;
  top: 5px;
  right: 30px;
  border: none;
}

.bubble .bubNavBody div > p:first-child {
  background: url("/assets/images/bubNavBody02.png") repeat-x;
  margin-bottom: 7px;
  padding: 20px 25px 0;
}

#bodyCol2 > .bubble {
  overflow: hidden;
}

/* ######################### Citation ######################### */
#bodyCol1 > .bubble.cite > .bubbody > .cite {
  margin-top: 14px;
}

#bodyCol1 > .bubble.cite > .bubbody > .cite > p:first-child {
  margin-top: 0;
}

#bodyCol1 > .bubble.cite > .bubbody > .cite > p > a {
  white-space: nowrap;
}

/* ######################### ALERT ######################### */
.bubble.blbAlerts .bubHead {
  background-color: #db0000;
  border: solid #6c0505 1px;
  border-bottom: solid #a20000 1px;
}

#bodyCol2 .bubble.blbAlerts .bubHead {
  background-color: #db0000;
  border: solid #6c0505 1px;
  border-bottom: solid #a20000 1px;
}

.bubble.blbAlerts .bubHead > div {
  background-color: #b50000;
  border: solid #c40000 2px;
  border-bottom: solid #526b95 0;
}

.bubble.blbAlerts .bubHead > div > h6 {
  background-color: #db0000;
  border: solid #f30000 1px;
  border-bottom: solid #526b95 0;
  color: #faebeb;
  text-shadow: #811515 1px 1px 0;
}

.bubble.blbAlerts .bubHead > div > h6 > em {
  font-size: .9em;
  position: relative;
  bottom: 0;
}

.bubble.blbAlerts .bubBody {
  background-color: #f66161;
  border: solid #e81717 1px;
}

.bubble.blbAlerts .bubBody > div {
  background-color: #f65858;
}

.bubble.blbAlerts .bubBody > div p {
  color: #faf5f5;
  font-weight: bold;
}

.bubble.blbAlerts .bubBody > div p a {
  color: #f4d1d1;
  text-decoration: underline;
}

body > #contextBarT {
  position: fixed;
  display: block;
  text-align: center;
  width: 100%;
  height: 0px;
  z-index: 11;
}

body > #contextBarT > div {
  height: 107px;
  padding: 0 4px 4px;
  width: 975px;
  margin: 0 auto;
  position: relative;
}

body > #contextBarT > div img {
  position: relative;
  cursor: pointer;
  z-index: 1;
  margin-left: -1px;
}

body > #contextBarT > div div + img {
  margin-left: 0;
}

body > #contextBarT > div > img:first-child,
body > #contextBarT > div > a:first-child > img {
  margin-left: 0;
}

body > #contextBarT {
  top: 0;
}

body > #contextBarT > div img {
  top: 77px;
  z-Index: 11;
}

body > #contextBarT > div > img.context_bg {
  width: 54px;
  height: 28px;
  cursor: default;
}

body > #contextBarT > div > img:first-child {
  cursor: default;
}

body > #contextBarT > div > img:nth-last-child(1) {
  cursor: default;
}

body > #contextBarT > div > img.context_bg.strongPara {
  width: 139px;
  height: 28px;
}

body > #contextBarT > div > img.context_bg.strongPara ~ img.context_bg.strongPara {
  width: 140px;
  height: 28px;
}

body > #contextBarT > div > img.context_bg.noCopy {
  width: 182px;
  height: 28px;
}

body > #contextBarT > div > img.context_bg.lexicon {
  width: 271px;
}

body > #contextBarT > div > img.context_bg.search {
  width: 298px;
}

body > #contextBarT > div > img.context_bg.hta {
  width: 201px;
}

body > #contextBarT.commNav1 > div > img.context_bg {
  width: 315px;
}

body > #contextBarT.commNav2 > div > img.context_bg {
  width: 204px;
}

body > #contextBarT.commNav3 > div > img.context_bg {
  width: 217px;
}

body > #contextBarT.commNav4 > div > img.context_bg {
  width: 105px;
}

body > #contextBarT.commNav5 > div > img.context_bg {
  width: 107px;
}

/***** Copy options drawer *****/
body > #copyOptions {
  cursor: default;
  position: fixed;
  display: block;
  text-align: center;
  width: 100%;
  height: 0px;
  z-index: 1;
  display: none;
}

body > #copyOptions > div {
  margin: 0 auto;
  position: relative;
  left: 22px;
  width: 320px;
  font-size: 0.7em;
  background-color: #fff;
  border: 1px solid #C5D2E0;
  border-radius: 4px;
  padding: 7px;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

body > #copyOptions img {
  position: relative;
  vertical-align: baseline;
}

body > #copyOptions > div {
  top: 106px;
}

body.bible > #copyOptions > div {
  left: -145px;
}

body.search > #copyOptions > div {
  left: 38px;
}

body.lexicon > #copyOptions > div {
  left: 39px;
}

body.hta > #copyOptions > div {
  left: -60px;
}

body > #copyOptions {
  top: 0;
}

@media screen and (max-width: 63.9375em) {
  body:not(.viewport) > #copyOptions > div {
    position: absolute;
    top: 135px;
    left: 0;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) > #copyOptions > div {
    top: 185px;
  }
}

/***** Copy options internals *****/
body > #copyOptions > div > table {
  margin: auto;
}

body > #copyOptions > div > table + div {
  text-align: center;
}

body > #copyOptions > div > table + div > table {
  text-align: center;
  margin-top: 15px;
  width: 100%;
}

body > #copyOptions > div > div > table > tbody > tr > td {
  padding: 0px 10px;
}

body > #copyOptions > div > div > table > tbody > tr > td > div {
  background-color: #e0e8f0;
  border: 1px solid #8497b7;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
}

body > #copyOptions > div > div > table > tbody > tr > td > div:hover {
  background-color: #F8F8DA;
  border-color: #D1CEA1;
}

body > #copyOptions > div > div > table > tbody > tr > td > div:active {
  background-color: #A3C089;
  border-color: #748C6E;
}

body > #copyOptions > div > div > p {
  padding-top: 0px;
  text-align: center;
}

body > #copyOptions > div > table > tbody > tr + tr > td {
  padding: 3px 0px;
}

body > #copyOptions > div > table > tbody > tr + tr + tr > td {
  padding: 0px;
}

body > #copyOptions > div > table > tbody > tr > td > div {
  color: #39547F;
  font-weight: bold;
}

body > #copyOptions > div > table > tbody > tr > td > div + div {
  color: #000;
  font-weight: normal;
  cursor: pointer;
  margin-top: 0px;
}

body > #copyOptions > div > table > tbody > tr > td > div > div {
  border: 1px solid #fff;
  padding: 2px;
}

body > #copyOptions > div > table > tbody > tr > td > div > div:hover {
  background-color: #F8F8DA;
  border-color: #D1CEA1;
  border-radius: 3px 3px 3px 3px;
}

/*****  Audio Context bar DD menu *****/
body > div > div > #audioVerSel,
#audioVerSel_Resp {
  position: absolute;
  left: 662px;
  top: 113px;
  /*width:119px;*/
  padding: 0 5px 0 5px;
  border-radius: 5px;
  border: solid #a5b5c6 1px;
  background-color: #dee7e9;
  display: none;
}

#audioVerSel_Resp {
  top: 40px;
  left: auto;
  right: 36%;
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
  z-index: 2;
}

@media screen and (max-width: 51.1875em) {
  #audioVerSel_Resp {
    right: 34%;
  }
}

@media screen and (max-width: 39.9375em) {
  #audioVerSel_Resp {
    top: 55px;
    right: 28%;
  }
}

body > div > div > #audioVerSel > div,
#audioVerSel_Resp > div {
  position: relative;
  border: solid #C5D2E0 1px;
  border-width: 0 1px;
  background-color: #f2f4e3;
  /*margin-right:5px;*/
  padding: 4px 0 6px;
  text-align: left;
}

body > div > div > #audioVerSel > div > img,
#audioVerSel_Resp > div > img {
  position: absolute;
  bottom: -17px;
  left: 36px;
}

#audioVerSel_Resp > div > img {
  top: -17px;
  left: 52px;
}

body > #contextBarT > div > #audioVerSel > div > img {
  top: -17px;
}

body > div > div > #audioVerSel > div > span,
#audioVerSel_Resp > div > span {
  font-size: .9em;
  font-weight: bold;
  text-align: left;
  display: block;
  padding: 6px;
  color: #74775d;
  cursor: pointer;
}

#audioVerSel_Resp > div > span {
  font-size: .8em;
  padding: 4px;
}

body > div > div > #audioVerSel > div:first-child,
#audioVerSel_Resp > div:first-child {
  background-color: #eaeff2;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom-width: 1px;
}

body > div > div > #audioVerSel > div > span:hover,
#audioVerSel_Resp > div > span:hover {
  color: #555842;
  background-color: #d4d7c1;
}

body > div > div > #audioVerSel > div:first-child > span,
#audioVerSel_Resp > div:first-child > span {
  color: #627b9f;
}

body > div > div > #audioVerSel > div:first-child > span:hover,
#audioVerSel_Resp > div:first-child > span:hover {
  color: #555842;
  background-color: #ced9e5;
}

body > div#contextBarB > div > #audioVerSel > div {
  background-color: #eaeff2;
}

body > div#contextBarB > div > #audioVerSel > div:first-child {
  background-color: #f2f4e3;
}

body > div#contextBarB > div > #audioVerSel > div > span {
  color: #627b9f;
}

body > div#contextBarB > div > #audioVerSel > div > span:hover {
  color: #555842;
  background-color: #ced9e5;
}

body > div#contextBarB > div > #audioVerSel > div:first-child > span {
  color: #74775d;
}

body > div#contextBarB > div > #audioVerSel > div:first-child > span:hover {
  color: #555842;
  background-color: #d4d7c1;
}

body > #contextBarT > div > #ctxtQuiknav {
  position: absolute;
  top: 107px;
  left: 80px;
  width: 583px;
  background-color: #e2a23c;
  border: solid #7b5e30 1px;
  border-radius: 6px;
  z-index: 601;
  padding: 3px;
  display: none;
}

body > #contextBarT > div > #ctxtQuiknav > div {
  position: relative;
  font-size: .7em;
  background-color: #fff;
  border: solid #7b5e30 1px;
  border-radius: 4px;
  padding: 8px;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_book > h2 {
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: solid #c5d2e0 1px;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_book > h2.opac {
  opacity: 0.2;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_book > table {
  margin: 10px;
  font-size: 1.1em;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_book > table th + th {
  padding-left: 15px;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_book > table td {
  width: 80px;
  padding: 10px 5px 10px;
  font-weight: bold;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_book > table td:nth-child(5) {
  border-left: solid #c5d2e0 1px;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_book > table td:nth-child(7) {
  width: 55px;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_book > table td a {
  padding: 5px 0;
  display: block;
  width: 40px;
  color: #be6700;
  border: solid #fff 1px;
  border-radius: 4px;
  text-align: center;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_book > table td a:hover {
  background-color: #ffecd5;
  border-color: #be6700;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_book > table td:nth-child(4) ~ td a {
  color: #039407;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_book > table td:nth-child(4) ~ td a:hover {
  background-color: #d1f8d2;
  border-color: #039407;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_chap {
  position: absolute;
  left: 4px;
  top: 48px;
  top: 40px;
  width: 561px;
  height: 303px;
  background-color: #e9eef1;
  border: solid #c5d2e0 1px;
  border-left-width: 0;
  border-radius: 0 4px 4px 0;
  padding: 10px;
  display: none;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_chap > h2 {
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: solid #c5d2e0 1px;
  margin-bottom: 4px;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_chap > h2 + button {
  position: absolute;
  top: 2px;
  right: 4px;
  cursor: pointer;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_chap > div > a {
  float: left;
  font-size: 1.15em;
  width: 32px;
  text-align: center;
  border: solid #c5d2e0 1px;
  border-radius: 3px;
  background-color: #fff;
  margin-left: 4px;
  margin-top: 4px;
  font-weight: bold;
  padding: 2px 0;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknav_chap > div > a:hover {
  background-color: #9e0b0f;
  border-color: #363f4e;
  color: #fff;
  text-decoration: none;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknavArrow {
  position: absolute;
  top: -90px;
  left: 47px;
  padding: 0;
  border-width: 0;
  background-color: transparent;
  height: 0;
  width: 0;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknavClose {
  position: absolute;
  top: -98px;
  right: 53px;
  padding: 0;
  border-width: 0;
  background-color: transparent;
  height: 0;
  width: 0;
}

body > #contextBarT > div > #ctxtQuiknav > #ctxtQuiknavClose img {
  cursor: pointer;
}

#appBar {
  position: fixed;
  z-index: 99;
  top: 30px;
  text-align: center;
  width: 100%;
  background: transparent url("/assets/images/appBar/appBarBG02b.png") repeat-x 0 1px;
}

#appBar.topBar {
  background: transparent url("/assets/images/appBar/appBarBG02t.png") repeat-x;
}

#toolsHndl {
  position: fixed;
  z-index: 9;
  top: 30px;
  text-align: center;
  width: 100%;
}

#appBar > div {
  width: 1001px;
  height: 51px;
  margin: 1px auto -1px;
  text-align: center;
  position: relative;
}

#appBar.topBar > div {
  margin: 0 auto;
}

#appBar > div > .appSpace {
  height: 51px;
  width: 25px;
  background: transparent url("/assets/images/appBar/appBar_crvL1_b.png") no-repeat right;
  position: absolute;
  top: 0;
  left: 0;
}

#appBar > div > .appSpace ~ .appSpace {
  background: transparent url("/assets/images/appBar/appBar_crvR1_b.png") no-repeat left;
  left: auto;
  right: 0;
}

#appBar.topBar > div > .appSpace {
  background: transparent url("/assets/images/appBar/appBar_crvL1_t.png") no-repeat right;
}

#appBar.topBar > div > .appSpace ~ .appSpace {
  background: transparent url("/assets/images/appBar/appBar_crvR1_t.png") no-repeat left;
}

#appBar > div > #appContent {
  width: 951px;
  height: 50px;
  margin: 0 auto;
  background: transparent url("/assets/images/appBar/appBar_crv_bg_b.png") repeat-x;
  position: relative;
  top: 0;
  padding-left: 133px;
}

#appBar.topBar > div > #appContent {
  background: transparent url("/assets/images/appBar/appBar_crv_bg_t.png") repeat-x;
}

body.bible > #appBar > div > #appContent,
body.lexicon > #appBar > div > #appContent,
body.hta > #appBar > div > #appContent,
body.search > #appBar > div > #appContent {
  padding-left: 47px;
}

#appBar > div > #appContent > .appSpace {
  height: 50px;
  width: 6px;
  background: transparent url("/assets/images/appBar/appBar_crvL2_b.png") no-repeat right;
}

#appBar > div > #appContent > .appSpace ~ .appSpace {
  background: transparent url("/assets/images/appBar/appBar_crvR2_b.png") no-repeat left;
}

#appBar.topBar > div > #appContent > .appSpace {
  background: transparent url("/assets/images/appBar/appBar_crvL2_t.png") no-repeat right;
}

#appBar.topBar > div > #appContent > .appSpace ~ .appSpace {
  background: transparent url("/assets/images/appBar/appBar_crvR2_t.png") no-repeat left;
}

#appBar > div > #appContent > div {
  float: left;
  margin-left: -1px;
}

#appBar > div > #appContent > div:first-child {
  margin-left: 0;
}

#appBar > div > #appContent > #appVersion {
  border-left: solid #c5d2e0 0;
  margin-left: -1px;
  display: none;
}

body.bible > #appBar > div > #appContent > #appVersion,
body.lexicon > #appBar > div > #appContent > #appVersion,
body.hta > #appBar > div > #appContent > #appVersion,
body.search > #appBar > div > #appContent > #appVersion {
  display: block;
  cursor: pointer;
}

body.bible > #appBar > div > #appContent > #appVersion > #selectedBibleImg,
body.lexicon > #appBar > div > #appContent > #appVersion > #selectedBibleImg,
body.hta > #appBar > div > #appContent > #appVersion > #selectedBibleImg,
body.search > #appBar > div > #appContent > #appVersion > #selectedBibleImg {
  width: 172px;
  height: 50px;
}

#appSearch,
#appVersion {
  position: relative;
}

#appSoc > div {
  position: relative;
}

#appSearch > img {
  margin-bottom: -4px;
}

#appSearch > div {
  position: absolute;
  top: -3px;
  left: 11px;
}

#appBar.topBar > div > #appSearch > div {
  top: -2px;
}

#appSearch > div > form > div {
  float: left;
}

#appSearch > div > form > div > img {
  vertical-align: bottom;
  margin-bottom: 2px;
  cursor: pointer;
}

#appSearch form#appBarSearch > div > input[type=text] {
  background: transparent url("/assets/images/appBar/app_search_input.png") no-repeat;
  width: 113px;
  height: 23px;
  padding: 4px 4px 3px;
  margin-right: 5px;
  margin-top: 1px;
  color: #999;
  font-size: .7em;
  border-width: 0;
}

#appSearch form#appBarSearch > div > input[type=text]:focus {
  color: #40526e;
}

#appSearch form#appBarSearch #selectBox {
  position: relative;
  margin-top: 1px;
}

#appSearch form#appBarSearch #selectDropU {
  margin: 0 4px 0 0;
}

#appSearch form#appBarSearch #selectDropU {
  margin: 0 4px 0 0;
}

#appSearch form#appBarSearch #selectDropU img {
  width: 51px;
  height: 23px;
}

#appSearch form#appBarSearch input[type=image] {
  margin: 1px 0 0;
}

#appLinkDrop,
#appCiteDrop {
  position: absolute;
  left: -130px;
  top: 35px;
  width: 197px;
  padding: 0 0 0 5px;
  border-radius: 5px;
  border: solid #a5b5c6 1px;
  background-color: #dee7e9;
  z-index: 501;
  display: none;
}

#appLinkDrop.noCopy {
  left: -80px;
  width: 148px;
}

#appLinkDrop > div,
#appCiteDrop > div {
  position: relative;
  float: left;
  border: solid #C5D2E0 1px;
  border-width: 0 1px;
  background-color: #EAEFF2;
  margin-right: 5px;
  padding: 7px;
  width: 185px;
}

#appLinkDrop.noCopy > div,
#appCiteDrop.noCopy > div {
  width: 136px;
}

#appLinkDrop > div > img,
#appCiteDrop > div > img {
  position: absolute;
  top: -17px;
  right: 12px;
}

#appLinkDrop > div > div > input,
#appCiteDrop > div > div > input {
  padding: 2px 4px;
  border: solid #c2cfdf 1px;
  border-radius: 4px;
  width: 120px;
  height: 23px;
}

#appLinkDrop > div > div > img#linkCopy,
#appCiteDrop > div > div > img#linkCopy {
  cursor: pointer;
}

#appLinkDrop > div > div > img.appClose,
#appCiteDrop > div > div > img.appClose {
  position: absolute;
  top: 2px;
  right: -4px;
  cursor: pointer;
}

#appCiteDrop {
  width: 320px;
}

#appCiteDrop > div {
  width: 308px;
}

#appCiteDrop > div > #appCiteBox > h2 {
  background-color: #73839B;
  border: solid #5c749a 1px;
  border-width: 1px 0;
  color: #FFFFFF;
  font-family: verdana,helvetica;
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: 0.02em;
  padding: 4px 7px 4px 7px;
  text-shadow: 1px 1px 0 #355488;
  margin-left: -7px;
  margin-right: -7px;
  margin-bottom: 5px;
}

#appCiteDrop > div > #appCiteBox > div.citeCont {
  width: 292px;
  min-height: 56px;
  padding: 5px 9px 5px 20px;
  text-indent: -15px;
  border: solid #c2cfdf 1px;
  border-radius: 4px;
  font-size: .7em;
  background-color: #fff;
  float: left;
  margin-right: 4px;
  color: #9e0b0f;
  font-family: AndaleMonoRegular,'courier new',courier,monotype,system;
  overflow-wrap: break-word;
}

#appCiteDrop > div > #appCiteBox > p.citenote {
  font-size: .7em;
  color: #c60026;
  padding: 4px;
}

#appCiteDrop > div > #appCiteBox > div.citeHead {
  width: 297px;
  font-size: .9em;
  float: left;
  font-weight: bold;
  margin-top: 20px;
  height: 26px;
  text-align: right;
  color: #575F6A;
  text-transform: uppercase;
}

#appCiteDrop > div > #appCiteBox > h2 + div.citeHead {
  margin-top: 0;
}

#appCiteDrop > div > #appCiteBox > div.citeHead > span {
  position: relative;
  top: 5px;
  padding-right: 4px;
}

#appCiteDrop > div > #appCiteBox > div.citeHead > img {
  margin: 0 1px 3px 0;
}

#scrollTop > #ipadTop {
  display: none;
}

#appSearchSel {
  position: absolute;
  left: -84px;
  top: 35px;
  width: 224px;
  padding: 0 0 0 5px;
  border-radius: 5px;
  border: solid #a5b5c6 1px;
  background-color: #dee7e9;
  z-index: 50;
  display: none;
}

#appSearchSel_Resp {
  position: absolute;
  right: 0;
  width: 224px;
  padding: 0 0 0 5px;
  border-radius: 5px;
  border: solid #a5b5c6 1px;
  background-color: #dee7e9;
  z-index: 1;
  display: none;
  top: 127px;
}

@media screen and (min-width: 51.25em) {
  #appSearchSel_Resp {
    top: 65px;
    right: 36%;
  }
}

body.menu-hidden #appSearchSel_Resp {
  top: 47px;
}

@media screen and (min-width: 25em) {
  body.menu-hidden #appSearchSel_Resp {
    top: 67px;
  }
}

@media screen and (min-width: 40em) {
  body.menu-hidden #appSearchSel_Resp {
    top: 60px;
  }
}

@media screen and (min-width: 51.25em) {
  body.menu-hidden #appSearchSel_Resp {
    top: 5px;
  }
}

#appSearchSel > div,
#appSearchSel_Resp > div {
  position: relative;
  float: left;
  border: solid #C5D2E0 1px;
  border-width: 0 1px;
  background-color: #EAEFF2;
  margin-right: 5px;
  padding: 7px 0;
}

@media screen and (max-width: 23.4375em) {
  #appSearchSel_Resp > div {
    position: static;
  }
  #appSearchSel_Resp > div > img {
    display: none;
  }
}

#appSearchSel > div > img,
#appSearchSel_Resp > div > img {
  position: absolute;
  top: -17px;
  left: 17px;
}

@media screen and (max-width: 690px) {
  #appSearchSel > div > img,
  #appSearchSel_Resp > div > img {
    left: 33px;
  }
}

#appSearchSel > div ~ img,
#appSearchSel_Resp > div ~ img {
  display: none;
}

#appSearchSel > div > img.appClose,
#appSearchSel_Resp > div > img.appClose {
  position: absolute;
  top: -5px;
  left: 119px;
  cursor: pointer;
}

#appSearchSel > div + div + div,
#appSearchSel_Resp > div + div + div {
  background-color: #f2f4e3;
}

#appSearchSel > div > span,
#appSearchSel_Resp > div > span {
  line-height: normal;
  font-weight: bold;
  width: 65px;
  text-align: center;
  display: block;
  padding: 6px;
  color: #627b9f;
  cursor: pointer;
}

#appSearchSel > div > span:hover,
#appSearchSel_Resp > div > span:hover {
  background-color: #ced9e5;
}

#appSearchSel > div > span.null:hover,
#appSearchSel_Resp > div > span.null:hover {
  background-color: #EAEFF2;
}

#appSearchSel > div + div + div > span,
#appSearchSel_Resp > div + div + div > span {
  color: #74775d;
}

#appSearchSel > div + div + div > span:hover,
#appSearchSel_Resp > div + div + div > span:hover {
  color: #555842;
  background-color: #d4d7c1;
}

#appSearchSel > div + div + div > span.null:hover,
#appSearchSel_Resp > div + div + div > span.null:hover {
  background-color: #F2F4E3;
}

#emailShare p.alert {
  font-size: .7em;
  font-weight: bold;
  color: #b84e51;
  background-color: #EAEFF2;
  margin: 0;
  border-width: 0;
  padding: 0 12px;
  overflow: hidden;
}

#emailShare p.login {
  font-size: .7em;
  font-weight: bold;
  background-color: #b84e51;
  color: #fff;
  margin: 5px;
  border: solid #922e31 1px;
  border-radius: 3px;
  padding: 4px 12px;
  text-align: hidden;
}

#emailShare #emailSent {
  font-size: .7em;
  font-weight: bold;
  background-color: #b84e51;
  color: #fff;
  margin: 5px 5px 15px;
  border: solid #922e31 1px;
  border-radius: 3px;
  padding: 4px 12px;
  text-align: hidden;
}

#emailShare table {
  width: 100%;
}

#emailShare table > tbody > tr > td {
  font-size: .6em;
  text-transform: uppercase;
  color: #7888a0;
  padding-bottom: 6px;
  vertical-align: center;
  text-align: left;
}

#emailShare table > tbody > tr > td:last-child > td {
  text-align: center;
  padding-bottom: 0;
}

#emailShare table > tbody > tr > td > input {
  width: 100%;
}

#emailShare table > tbody > tr > td > input[type="submit"] {
  width: 90px;
}

#emailShare table > tbody > tr > td > textarea {
  font-size: 1.2em;
  margin-bottom: 0;
  resize: none;
}

#emailShare > img.arrow {
  position: absolute;
  bottom: -17px;
  left: 19px;
}

.topBar #emailShare > img.arrow {
  top: -17px;
}

#sharePop,
#followPop {
  position: absolute;
  left: -93px;
  top: 32px;
  width: 270px;
  padding: 4px;
  border-radius: 5px;
  border: solid #a5b5c6 1px;
  background-color: #eaeff2;
  z-index: 501;
  display: none;
}

#followPop {
  left: -36px;
}

#sharePop > hr,
#followPop > hr {
  margin: 10px 20px;
}

#sharePop > p,
#followPop > p {
  font-size: .7em;
  margin-top: 4px;
  text-align: center;
}

#followPop p.alert {
  font-size: .7em;
  font-weight: bold;
  color: #b84e51;
  padding: 0 12px;
  overflow: hidden;
  display: none;
}

#followPop > div > form {
  margin-top: 4px;
  margin-left: 34px;
  text-align: center;
}

#followPop > div > form > p {
  border: 1px solid #EAEFF2;
  padding: 2px;
  font-size: .7em;
  width: 100px;
  cursor: pointer;
}

#followPop > div > form > p:hover {
  background-color: #F8F8DA;
  border-color: #D1CEA1;
  border-radius: 3px 3px 3px 3px;
}

#followPop > div > form > button {
  margin-top: 10px;
}

#sharePop > img.arrow,
#followPop > img.arrow {
  position: absolute;
  top: -17px;
  left: calc(50% - 16px);
}

@media screen and (max-width: 63.9375em) {
  #sharePop > img.arrow,
  #followPop > img.arrow {
    display: none;
  }
}

#sharePop > p > a,
#followPop > p > a {
  margin-left: 4px;
}

#sharePop > p > a:first-child,
#followPop > p > a:first-child {
  margin-left: 0;
}

#followPop > form > p > input[type="text"] {
  margin-right: 4px;
  margin-left: 23px;
}

#followPop > form > p > input {
  margin-top: 4px;
}

#appSocNet {
  position: absolute;
  width: 151px;
  padding: 4px;
  border-radius: 5px;
  border: solid #a5b5c6 1px;
  background-color: #eaeff2;
  z-index: 50;
  left: 71px;
  top: 32px;
}

#appSocNet > a {
  margin-left: 4px;
}

#appSocNet > a:first-child {
  margin-left: 0;
}

#appSocNet > img.arrow {
  position: absolute;
  top: -17px;
  left: 19px;
}

#appBarQuiknav_book_Resp {
  max-height: 400px;
  overflow-y: auto;
}

@media all and (orientation: landscape) and (max-height: 640px) {
  #appBarQuiknav_book_Resp {
    max-height: 180px;
  }
}

body.menu-hidden #appBarQuiknav_book_Resp {
  max-height: 450px;
}

@media all and (orientation: landscape) and (max-height: 640px) {
  body.menu-hidden #appBarQuiknav_book_Resp {
    max-height: 230px;
  }
}

#appBarQuiknav_book_Resp .button-group {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90%;
  margin: 0 auto 0.5rem;
}

#appBarQuiknav_book_Resp .button-group .button {
  width: 50%;
  margin-right: 0;
  padding: .4em .5em;
  color: #fff;
  background-color: #e2a23c;
  border: 1px solid #7b5e30;
}

#appBarQuiknav_book_Resp .button-group .button.hollow.secondary {
  border: 1px solid #7b5e30;
  color: #7b5e30;
  background-color: #fff;
}

#appBarQuiknav_book_Resp .button-group .button.hollow.secondary.button-right {
  border-left: none;
}

#appBarQuiknav_book_Resp .button-group .button:hover {
  background-color: #e9b768;
}

#appBarQuiknav_book_Resp .button-group .button.button-right {
  border-left: none;
}

@media screen and (max-width: 23.125em) {
  #appBarQuiknav_book_Resp .button-group .button {
    padding: .6em .73em;
    font-size: .85em;
  }
}

#appBarQuiknav_book_Resp .button-middle.hollow.secondary {
  border-right-width: 0;
  border-left-width: 0;
}

#appBarQuiknav_book_Resp .button-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

#appBarQuiknav_book_Resp .button-right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav {
  position: absolute;
  top: 28px;
  left: -282px;
  width: 583px;
  background-color: #e2a23c;
  border: solid #7b5e30 1px;
  border-radius: 6px;
  z-index: 601;
  padding: 3px;
  display: none;
}

div#appBarQuiknav_Resp {
  position: absolute;
  top: 135px;
  left: 0;
  width: 100%;
  max-width: 583px;
  background-color: #e2a23c;
  border: solid #7b5e30 1px;
  border-radius: 6px;
  z-index: 1;
  padding: 3px;
  display: none;
  -webkit-transition: .25s ease;
  transition: .25s ease;
}

@media screen and (min-width: 25em) {
  div#appBarQuiknav_Resp {
    top: 148px;
  }
}

@media screen and (min-width: 40em) {
  div#appBarQuiknav_Resp {
    top: 143px;
  }
}

@media screen and (min-width: 51.25em) {
  div#appBarQuiknav_Resp {
    top: 92px;
  }
}

body.menu-hidden #appBarQuiknav_Resp {
  top: 75px;
}

@media screen and (min-width: 25em) {
  body.menu-hidden #appBarQuiknav_Resp {
    top: 98px;
  }
}

@media screen and (min-width: 40em) {
  body.menu-hidden #appBarQuiknav_Resp {
    top: 95px;
  }
}

@media screen and (min-width: 51.25em) {
  body.menu-hidden #appBarQuiknav_Resp {
    top: 42px;
  }
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > div,
div#appBarQuiknav_Resp > div {
  /*  position:relative; */
  font-size: .7em;
  background-color: #fff;
  border: solid #7b5e30 1px;
  border-radius: 4px;
  padding: 8px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > h2 {
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: solid #c5d2e0 1px;
}

div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > h2 {
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 14px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > h2.opac,
div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > h2.opac {
  opacity: 0.2;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table,
div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > table {
  margin: 10px;
  font-size: 1.1em;
}

div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > table {
  width: 100%;
  margin: 0;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table th + th,
div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > table th + th {
  padding-left: 15px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td,
div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > table td {
  width: 80px;
  padding: 0 5px 30px;
  font-weight: bold;
}

@media all and (orientation: landscape) and (max-height: 640px) {
  div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td,
  div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > table td {
    padding-bottom: 45px;
  }
}

div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > table td.new-test {
  display: none;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td:nth-child(5) {
  border-left: solid #c5d2e0 1px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td:nth-child(7) {
  width: 55px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td a,
div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > table td a {
  padding: 4px 0;
  display: block;
  width: 40px;
  color: #be6700;
  border: solid #fff 1px;
  border-radius: 4px;
  text-align: center;
}

div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > table td a {
  width: auto;
}

div#appBar > div > div#appContent > div#appSearch > div form + div#appBarQuiknav > #appBarQuiknav_book > table td a:hover,
div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > table td a:hover {
  background-color: #ffecd5;
  border-color: #be6700;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td:nth-child(4) ~ td a,
div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > table td:nth-child(4) ~ td a {
  color: #039407;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td:nth-child(4) ~ td a:hover,
div#appBarQuiknav_Resp > #appBarQuiknav_book_Resp > table td:nth-child(4) ~ td a:hover {
  background-color: #d1f8d2;
  border-color: #039407;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_chap {
  position: absolute;
  left: 4px;
  top: 48px;
  top: 40px;
  width: 561px;
  height: 303px;
  background-color: #e9eef1;
  border: solid #c5d2e0 1px;
  border-left-width: 0;
  border-radius: 0 4px 4px 0;
  padding: 10px;
  display: none;
}

div#appBarQuiknav_Resp > #appBarQuiknav_chap_Resp {
  position: absolute;
  left: 4px;
  top: 40px;
  width: 95%;
  max-width: 561px;
  height: 303px;
  background-color: #e9eef1;
  border: solid #c5d2e0 1px;
  border-left-width: 0;
  border-radius: 0 4px 4px 0;
  padding: 10px;
  display: none;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_chap > h2,
div#appBarQuiknav_Resp > #appBarQuiknav_chap_Resp > h2 {
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: solid #c5d2e0 1px;
  margin-bottom: 4px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_chap > h2 + button,
div#appBarQuiknav_Resp > #appBarQuiknav_chap_Resp > h2 + button {
  position: absolute;
  top: 2px;
  right: 4px;
  cursor: pointer;
  padding: 2px 7px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_chap > div > a,
div#appBarQuiknav_Resp > #appBarQuiknav_chap_Resp > div > a {
  float: left;
  font-size: 1.15em;
  width: 32px;
  text-align: center;
  border: solid #c5d2e0 1px;
  border-radius: 3px;
  background-color: #fff;
  margin-left: 4px;
  margin-top: 4px;
  font-weight: bold;
  padding: 2px 0;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_chap > div > a:hover,
div#appBarQuiknav_Resp > #appBarQuiknav_chap_Resp > div > a:hover {
  background-color: #9e0b0f;
  border-color: #363f4e;
  color: #fff;
  text-decoration: none;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknavArrow,
div#appBarQuiknav_Resp > #appBarQuiknavArrow_Resp {
  position: absolute;
  top: -13px;
  left: 327px;
  padding: 0;
  border-width: 0;
  background-color: transparent;
  height: 0;
  width: 0;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknavClose,
div#appBarQuiknav_Resp > #appBarQuiknavClose_Resp {
  position: absolute;
  top: -21px;
  right: 53px;
  padding: 0;
  border-width: 0;
  background-color: transparent;
  height: 0;
  width: 0;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknavClose img,
div#appBarQuiknav_Resp > #appBarQuiknavClose_Resp img {
  cursor: pointer;
}

/****************
ADVANCED SEARCH OPTIONS
*****************/
#shappBarAdvOptMenu {
  font-size: .75em;
  display: none;
}

#appBarAdvOptMenu_Resp {
  display: none;
  position: absolute;
  top: 135px;
  right: 2%;
  width: 285px;
  padding-top: 6px;
  background-color: #e2a23c;
  border: solid #7b5e30 1px;
  border-radius: 6px;
  z-index: 1;
}

@media screen and (min-width: 25em) {
  #appBarAdvOptMenu_Resp {
    top: 160px;
    right: 15%;
  }
}

@media screen and (min-width: 40em) {
  #appBarAdvOptMenu_Resp {
    top: 148px;
    right: auto;
    left: 25%;
  }
}

@media screen and (min-width: 51.25em) {
  #appBarAdvOptMenu_Resp {
    top: 92px;
    left: 35%;
  }
}

body.menu-hidden #appBarAdvOptMenu_Resp {
  top: 85px;
}

@media screen and (min-width: 25em) {
  body.menu-hidden #appBarAdvOptMenu_Resp {
    top: 110px;
  }
}

@media screen and (min-width: 40em) {
  body.menu-hidden #appBarAdvOptMenu_Resp {
    top: 98px;
  }
}

@media screen and (min-width: 51.25em) {
  body.menu-hidden #appBarAdvOptMenu_Resp {
    top: 42px;
  }
}

#appBarAdvOptMenu {
  display: none;
  position: absolute;
  top: 30px;
  /*  left:148px; */
  width: 285px;
  padding-top: 6px;
  background-color: #e2a23c;
  border: solid #7b5e30 1px;
  border-radius: 6px;
  z-index: 1;
}

@media screen and (min-width: 40em) {
  #appBarAdvOptMenu {
    text-align: left;
  }
}

#appBarAdvOptMenu > div,
#appBarAdvOptMenu_Resp > div {
  position: relative;
  top: -3px;
  left: 3px;
  width: 277px;
  font-size: .7em;
  background-color: #f5f7f9;
  border: solid #7b5e30 1px;
  border-radius: 4px;
  padding: 8px;
}

#appBarAdvOptMenu > div > p,
#appBarAdvOptMenu_Resp > div > p {
  font-size: 1.1em;
  margin: 0;
  padding: 0;
  color: #37404f;
}

#appBarAdvOptMenu > div > p > span,
#appBarAdvOptMenu_Resp > div > p > span {
  font-size: .9em;
  color: #90a5bc;
  text-transform: uppercase;
}

#appBarAdvOptMenu > div > p:nth-last-child(1),
#appBarAdvOptMenu_Resp > div > p:nth-last-child(1) {
  font-size: .8em;
  color: #9e0b0f;
}

#appBarAdvOptMenu > div > p > select,
#appBarAdvOptMenu_Resp > div > p > select {
  margin: 0 0 12px;
  width: 220px;
}

@media (max-width: 820px) {
  #appBarAdvOptMenu > div > p > select,
  #appBarAdvOptMenu_Resp > div > p > select {
    font-size: 16px;
  }
}

#appBarAdvOptMenu > div > p > input[type="text"],
#appBarAdvOptMenu_Resp > div > p > input[type="text"] {
  margin: 0 0 3px;
  width: 100%;
}

@media screen and (max-width: 51.25em) {
  #appBarAdvOptMenu > div > p > input[type="text"],
  #appBarAdvOptMenu_Resp > div > p > input[type="text"] {
    font-size: 16px;
  }
}

#appBarAdvOptMenu > .menuOptionsClose,
#appBarAdvOptMenu_Resp > .menuOptionsClose {
  position: absolute;
  top: 5px;
  left: 255px;
  cursor: pointer;
  padding-top: 0;
  background-color: transparent;
  border-width: 0;
  width: 0;
  height: 0;
}

#appBarAdvOptMenu > .menuOptionsArrow,
#appBarAdvOptMenu_Resp > .menuOptionsArrow {
  position: absolute;
  top: -13px;
  left: 104px;
  padding-top: 0;
  background-color: transparent;
  border-width: 0;
  width: 0;
  height: 0;
}

#appBarAdvOptMenu > div > #clearAppBarOptMenu,
#appBarAdvOptMenu_Resp > div > #clearAppBarOptMenu_Resp {
  display: none;
}

.nav-menu {
  padding: 0;
  width: 100%;
  position: fixed;
  background-color: #575f6a;
  border: 1px solid #40464e;
  z-index: 100;
}

.nav-menu.top {
  top: 0;
  border-radius: 0;
}

.nav-menu.bottom {
  bottom: 0;
  border-radius: 0 0 3px 3px;
}

.nav-menu__list {
  margin: 0 auto;
  padding: 5px;
  width: 612px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #394251;
  border-width: 0 1px;
  border-radius: 3px;
  list-style: none;
}

.nav-menu__list li {
  margin-left: 0;
  line-height: 1.2em;
}

.nav-menu__list li:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 74px;
          flex: 1 1 74px;
}

.nav-menu__list li:nth-child(1) .nav-menu__link:hover {
  background-color: #1082c7;
}

.nav-menu__list li:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 60px;
          flex: 1 1 60px;
}

.nav-menu__list li:nth-child(2) .nav-menu__link:hover {
  background-color: #de181b;
}

.nav-menu__list li:nth-child(3) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 108px;
          flex: 1 1 108px;
}

.nav-menu__list li:nth-child(3) .nav-menu__link:hover {
  background-color: #01b78e;
}

.nav-menu__list li:nth-child(4) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 53px;
          flex: 1 1 53px;
}

.nav-menu__list li:nth-child(4) .nav-menu__link:hover {
  background-color: #d6c520;
}

.nav-menu__list li:nth-child(5) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 86px;
          flex: 1 1 86px;
}

.nav-menu__list li:nth-child(5) .nav-menu__link:hover {
  background-color: #9b3dc6;
}

.nav-menu__list li:nth-child(6) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 91px;
          flex: 1 1 91px;
}

.nav-menu__list li:nth-child(6) .nav-menu__link:hover {
  background-color: #d88c01;
}

.nav-menu__list li:nth-child(7) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 63px;
          flex: 1 1 63px;
}

.nav-menu__list li:nth-child(7) .nav-menu__link:hover {
  background-color: #46ae1e;
}

.nav-menu__list li:nth-child(8) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 77px;
          flex: 1 1 77px;
}

.nav-menu__list li:nth-child(8) .nav-menu__link:hover {
  background-color: #e45117;
}

.nav-menu__list li:last-child a::after {
  display: none;
}

.nav-menu__link {
  display: block;
  position: relative;
  background-color: #5e6570;
  color: #fff;
  font-size: .7rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 1px 2px #393f48;
  text-transform: uppercase;
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
}

.nav-menu__link:hover {
  color: #fff;
  text-decoration: none;
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1px #2f3745;
          box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1px #2f3745;
  z-index: 1;
}

.nav-menu__link::after {
  content: '';
  height: calc(100% - 2px);
  width: 1px;
  position: absolute;
  top: 1px;
  right: -1px;
  background: -webkit-gradient(linear, left top, left bottom, from(#5e6570), to(#68727d));
  background: linear-gradient(#5e6570, #68727d);
  z-index: 1;
}

.menuDrop {
  position: absolute;
  left: 50%;
  width: 750px;
  margin: 0 0 0 -375px;
  background-color: #f84b4c;
  border: solid #363f4e 1px;
  border-width: 0 1px 1px;
  border-radius: 0 0 5px 5px;
  padding: 1px;
  opacity: 0;
  display: none;
}

.menuDrop > div {
  width: 100%;
  background-color: #e21b1c;
  border-radius: 0 0 3px 3px;
  padding: 3px;
}

.menuDrop > div > div {
  width: 100%;
  background: #fff url("/assets/images/menu/menuBG.png");
  border: solid #3e4653 1px;
  border-radius: 1px;
  padding: 2px 10px 10px;
}

.menuDrop div div > h6 {
  font-family: verdana,helvetica;
  font-size: 1.8em;
  line-height: 1.2;
  font-weight: bold;
  color: #42464C;
}

.menuDrop table h2 {
  font-size: .85em;
  font-weight: bold;
  text-transform: uppercase;
  color: #575f6a;
}

.menuDrop table h2 a {
  color: #575f6a;
}

.menuDrop table h2 a:hover {
  color: #39547f;
}

.menuDrop table p + h2 {
  padding-top: 8px;
}

.menuDrop table form p,
.menuDrop table p {
  font-size: .75em;
  padding-left: 15px;
  line-height: 1.5em;
}

.menuDrop table form p.sub,
.menuDrop table p.sub {
  padding-left: 30px;
}

.nav-menu.top .menuDrop {
  top: 29px;
}

.nav-menu.bottom .menuDrop {
  bottom: 29px;
}

#searchDrop {
  background-color: #39a3da;
  width: 650px;
  margin: 0 0 0 -325px;
}

#searchDrop > div:first-child {
  background-color: #108dce;
}

#searchDrop td.col1,
#searchDrop td.col1 + td {
  width: 50%;
}

#searchDrop form + h2 {
  margin-top: 20px;
}

#searchDrop #menuSelectDropU,
#searchDrop input,
#searchDrop form button {
  margin-left: 4px;
}

#searchDrop #mvMenuFormSelectDropU img,
#searchDrop #menuSelectDropU img {
  width: 51px;
  height: 23px;
}

#searchDrop input ~ a {
  font-size: 0.8em;
  font-weight: bold;
  padding: 3px 0 7px 4px;
}

#searchDrop input ~ a:hover {
  text-decoration: none;
}

#searchDrop .dictMenu {
  width: 289px;
  margin: 3px 0 10px;
  background-color: #e4eaee;
  border: solid #5c749a 1px;
  padding: 5px 20px;
  border-radius: 5px;
  text-align: center;
  position: relative;
}

#searchDrop .dictMenu span {
  font-family: 'URWEgyptienneTMedRegular',Georgia,helvetica,verdana,arial,sans serif;
  font-size: 1.2em;
  text-transform: capitalize;
  color: #dadfe7;
  text-shadow: #f9fafb 1px 1px 1px;
}

#searchDrop .dictMenu span a {
  font-family: 'URWEgyptienneTMedRegular',Georgia,helvetica,verdana,arial,sans serif;
  color: #8a9bb3;
}

#menuWordsSubmit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#menuLexSearch,
#menuFaqSearch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#studyDrop {
  background-color: #f84b4c;
  width: 500px;
  margin: 0 0 0 -250px;
}

#studyDrop div:first-child {
  background-color: #f84b4c;
}

#studyDrop td + td {
  padding-left: 60px;
}

#devotionsDrop {
  background-color: #4ad6b3;
  width: 550px;
  margin: 0 0 0 -275px;
}

#devotionsDrop div:first-child {
  background-color: #00bf99;
}

#devotionsDrop td + td {
  padding-left: 30px;
}

#devotionsDrop table h2 {
  font-size: .85em;
  font-weight: bold;
  text-transform: uppercase;
  color: #575f6a;
}

#devotionsDrop .devoIndexTOC {
  margin-bottom: 20px;
  padding-left: 20px;
}

#helpDrop {
  background-color: #f0e356;
  width: 564px;
  margin: 0 0 0 -282px;
}

#helpDrop div:first-child {
  background-color: #dbcc23;
}

#helpDrop td h2:first-child {
  padding-bottom: 4px;
}

#helpDrop td img {
  padding-right: 15px;
  padding-bottom: 12px;
}

#productsDrop {
  background-color: #bc5edf;
  width: 400px;
  margin: 0 0 0 -200px;
}

#productsDrop div:first-child {
  background-color: #a545cd;
}

#productsDrop td + td {
  padding-left: 40px;
}

#ministryDrop {
  background-color: #e2ad47;
  width: 400px;
  margin: 0 0 0 -200px;
}

#ministryDrop div:first-child {
  background-color: #dd9700;
}

#ministryDrop td.col1 p + p img {
  padding-top: 6px;
}

#ministryDrop td + td {
  padding-left: 40px;
}

#aboutDrop {
  background-color: #72c83f;
  width: 500px;
  margin: 0 0 0 -250px;
}

#aboutDrop div:first-child {
  background-color: #4fb721;
}

#aboutDrop td.col1 {
  width: 150px;
}

#aboutDrop td.col2 {
  width: 270px;
}

#aboutDrop td.col3 {
  width: 177px;
}

#aboutDrop .menuContribute span {
  font-size: 2.8em;
  font-weight: bold;
  color: #e7e7e7;
  padding-right: 3px;
  position: relative;
  top: 7px;
}

#aboutDrop .menuContribute input {
  height: auto;
  font-size: 1.8em;
  width: 110px;
}

#aboutDrop .menuContribute + p {
  font-size: .7em;
  padding-left: 37px;
}

#donationsDrop {
  background-color: #ec7a42;
  width: 400px;
  margin: 0 0 0 -100px;
}

#donationsDrop div:first-child {
  background-color: #e75c18;
}

#donationsDrop .menuContribute span {
  font-size: 2.8em;
  font-weight: bold;
  color: #e7e7e7;
  padding-right: 3px;
  position: relative;
  top: 7px;
}

#donationsDrop .menuContribute input {
  height: auto;
  font-size: 1.8em;
  width: 110px;
}

#donationsDrop .menuContribute input[type="submit"] {
  padding-top: 3px;
  padding-bottom: 0;
}

#donationsDrop .menuContribute + p {
  font-size: .7em;
  padding-left: 37px;
}

#mvFormItemsMenu > textarea {
  margin-bottom: 5px;
  margin-top: 0;
}

#advOptMenu {
  position: absolute;
  top: 59px;
  left: 160px;
  width: 285px;
  padding-top: 6px;
  background-color: #e2a23c;
  border: solid #7b5e30 1px;
  border-radius: 6px;
  z-index: 601;
  display: none;
}

#advOptMenu > div {
  position: relative;
  top: -3px;
  left: 3px;
  width: 277px;
  font-size: .7em;
  background-color: #f5f7f9;
  border: solid #7b5e30 1px;
  border-radius: 4px;
  padding: 8px;
}

#mvOptionsMenu {
  position: absolute;
  top: 56px;
  left: -33px;
  width: 460px;
  padding-top: 6px;
  background-color: #e2a23c;
  border: solid #7b5e30 1px;
  border-radius: 6px;
  z-index: 601;
  display: none;
}

#mvOptionsMenu > div {
  position: relative;
  top: -3px;
  left: 3px;
  width: 452px;
  font-size: .7em;
  background-color: #f5f7f9;
  border: solid #7b5e30 1px;
  border-radius: 4px;
  z-index: 602;
}

#advOptMenu > div > p {
  font-size: 1.1em;
  margin: 0;
  padding: 0;
  color: #37404f;
}

#advOptMenu > div > p > span {
  font-size: .9em;
  color: #90a5bc;
  text-transform: uppercase;
}

#advOptMenu > div > p:nth-last-child(1) {
  font-size: .8em;
  color: #9e0b0f;
}

#advOptMenu > div > p > select {
  margin: 0 0 12px;
  width: 180px;
}

#advOptMenu > div > p > input[type="text"] {
  margin: 0 0 3px;
  width: 100%;
}

#advOptMenu > div > #clearOptSearchWedge {
  width: 100%;
  text-align: center;
}

#advOptMenu > div > #clearOptSearchWedge > #clearAnchorSearchWedge {
  display: block;
  margin: 0 auto 6px;
  width: 160px;
  border-radius: 5px;
  border: solid #580a07 1px;
  background-color: #8b110e;
  padding: 2px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

#advOptMenu > div > #clearOptSearchWedge > #clearAnchorSearchWedge:hover {
  background-color: #9f9b62;
  border: solid #887f35 1px;
  color: #fff;
  text-decoration: none;
}

#advOptMenu > .menuOptionsClose {
  position: absolute;
  top: 5px;
  left: 255px;
  cursor: pointer;
  padding-top: 0;
  background-color: transparent;
  border-width: 0;
  width: 0;
  height: 0;
}

#mvOptionsMenu td {
  padding: 10px 14px;
  position: relative;
}

#mvOptionsMenu td > .menuOptionsClose {
  position: absolute;
  top: 1px;
  right: 1px;
  cursor: pointer;
  padding-top: 0;
  background-color: transparent;
  border-width: 0;
  width: 15px;
  height: 15px;
}

#mvOptionsMenu td > div > div {
  border: 1px solid #f9fafb;
  padding: 0px 2px;
}

#mvOptionsMenu td > div > div:hover {
  background-color: #f8f8da;
  border-color: #d1cea1;
  border-radius: 3px 3px 3px 3px;
  cursor: pointer;
}

#mvOptionsMenu td > div.numDelimOff > div:hover {
  cursor: default;
  border: 1px solid #f9fafb;
  background-color: transparent;
}

#mvOptionsMenu td > div:nth-child(3) {
  margin-top: 8px;
}

#mvOptionsMenu td > div > div > img {
  padding-top: 3px;
}

#mvOptionsMenu + h2 {
  margin-top: 20px;
}

#mvOptionsMenu td > .menuOptionsArrow {
  position: absolute;
  top: 85px;
  right: -19px;
  padding-top: 0;
}

#advOptMenu > .menuOptionsArrow {
  position: absolute;
  top: 24px;
  left: -21px;
  padding-top: 0;
  background-color: transparent;
  border-width: 0;
  width: 0;
  height: 0;
}

#menuSearchSel,
#mvMenuFormSearchSel {
  position: absolute;
  left: 78px;
  top: 97px;
  width: 193px;
  padding: 0 0 0 5px;
  border-radius: 5px;
  border: solid #a5b5c6 1px;
  background-color: #dee7e9;
  z-index: 50;
  display: none;
}

#mvMenuFormSearchSel {
  left: 225px;
  top: 182px;
}

#menuSearchSel > div,
#mvMenuFormSearchSel > div {
  position: relative;
  float: left;
  border: solid #c5d2e0 1px;
  border-width: 0 1px;
  background-color: #eaeff2;
  margin-right: 5px;
  padding: 7px 0;
}

#menuSearchSel > div > img,
#mvMenuFormSearchSel > div > img {
  position: absolute;
  top: -17px;
  left: 12px;
}

#menuSearchSel > div ~ img,
#mvMenuFormSearchSel > div ~ img {
  display: none;
}

#menuSearchSel > div > img.appClose,
#mvMenuFormSearchSel > div > img.appClose {
  position: absolute;
  top: -5px;
  left: 119px;
  cursor: pointer;
}

#menuSearchSel > div + div + div,
#mvMenuFormSearchSel > div + div + div {
  background-color: #f2f4e3;
}

#menuSearchSel > div > span,
#mvMenuFormSearchSel > div > span {
  font-size: .9em;
  font-weight: bold;
  width: 55px;
  text-align: center;
  display: block;
  padding: 2px 4px;
  color: #627b9f;
  cursor: pointer;
}

#menuSearchSel > div > span:hover,
#mvMenuFormSearchSel > div > span:hover {
  background-color: #ced9e5;
}

#menuSearchSel > div > span.null:hover,
#mvMenuFormSearchSel > div > span.null:hover {
  background-color: #eaeff2;
}

#menuSearchSel > div + div + div > span,
#mvMenuFormSearchSel > div + div + div > span {
  color: #74775d;
}

#menuSearchSel > div + div + div > span:hover,
#mvMenuFormSearchSel > div + div + div > span:hover {
  color: #555842;
  background-color: #d4d7c1;
}

#menuSearchSel > div + div + div > span.null:hover,
#mvMenuFormSearchSel > div + div + div > span.null:hover {
  background-color: #f2f4e3;
}

/* MENU ARROWS */
#menuArrow {
  position: absolute;
  left: 150px;
  width: 27px;
  height: 14px;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0;
}

.nav-menu.top #menuArrow {
  top: -9px;
}

.nav-menu.bottom #menuArrow {
  bottom: -8px;
}

/* KNOW GOD */
.nav-menu .knowGod {
  margin-top: 20px;
  padding: 5px;
  background-color: #f5f4e3;
  border: 1px solid #000;
  border-radius: 4px;
  cursor: pointer;
}

.nav-menu .knowGod:hover {
  background-color: #eae8ca;
}

.nav-menu .knowGod p {
  font-size: .85em;
  text-align: center;
}

#searchDrop .knowGod {
  margin-left: 100px;
  margin-right: 100px;
}

/* Login located at the top right of each page */
#bodTag #homeLoginMenu {
  position: absolute;
  top: 8px;
  right: 11px;
  font-size: .7em;
  font-weight: bold;
  color: #fff;
  z-index: 101;
}

#bodTag #homeLoginMenu p a {
  color: #e1e1e1;
}

#bodTag #homeLoginMenu #homeGear img {
  padding: 6px 6px 4px;
  margin-top: -9px;
  margin-right: -7px;
  margin-left: 4px;
  background-color: #8198b9;
  border: 1px solid #363f4e;
  border-top-width: 0;
  border-radius: 0;
}

#bodTag #homeLoginMenu #homeGear img:hover {
  background-color: #5686cb;
}

/* ######################### Log-in popover - Main ######################### */
#clearCoat {
  z-index: 510;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  display: none;
}

#homeLogin {
  display: none;
  position: fixed;
  width: 90vw;
  max-width: 400px;
  margin-bottom: 0;
  opacity: 0;
  /*  transform: translate3d(-50%,-50%,0);*/
  z-index: 510;
  /*
  @media (max-width: 1023px) {
    top: 50% !important;
    left: 50% !important;
  }*/
}

@media screen and (min-width: 64em) {
  #homeLogin {
    top: 200px;
    left: 270px;
    width: auto;
    max-width: initial;
    padding: 14px;
    background-color: #e4eaee;
    border: 1px solid #b9c8dd;
    border-radius: 7px;
    -webkit-transform: none;
            transform: none;
  }
}

@media screen and (max-width: 63.9375em) {
  #homeLogin .bubHead {
    padding: 0;
    border: 0;
    border-radius: 0;
  }
  #homeLogin .bubHead div {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
  }
  #homeLogin .bubHead h6 {
    padding: 1em;
  }
}

#homeLogin .bubBody {
  padding: 0;
  border: 0;
  border-radius: 0;
}

@media screen and (max-width: 63.9375em) {
  #homeLogin .bubBody > div {
    padding-top: 1rem;
  }
}

#homeLogin #blbLForm01 {
  padding: 1em 1em .25em;
}

@media screen and (min-width: 64em) {
  #homeLogin #blbLForm01 {
    padding: 0;
  }
}

#homeLogin #tapToClose {
  position: absolute;
  top: 120%;
  left: 50%;
  color: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 64em) {
  #homeLogin #tapToClose {
    display: none;
  }
}

#homeLoginClose {
  position: absolute;
  top: 0px;
  right: 3px;
  cursor: pointer;
}

@media screen and (max-width: 64em) {
  #homeLoginClose {
    top: 10px;
    right: 8px;
    border: 1px solid #91a6c3;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    font-weight: bold;
    background-color: #bbcada;
    color: #546b7e;
    padding: 3px 5px;
  }
}

@-moz-document url-prefix() {
  #homeLoginClose {
    top: -2px;
  }
}

#bodyCol2 > .bubble > .bubBody > div > div > form {
  text-align: center;
  padding: 0 22px 6px;
}

#homeLogin > .bubBody > div > div > form input[type="email"] {
  margin-right: 4px;
  padding: 3px 0 2px 4px;
  height: 23px;
  width: 100%;
  border: 1px solid #c2cfdf;
  border-radius: 3px;
  color: #999;
  font-size: 12px;
}

@media screen and (min-width: 64em) {
  #homeLogin > .bubBody > div > div > form input[type="email"] {
    width: 214px;
    margin-left: 10px;
  }
}

#homeLogin > .bubBody > div > div > form input[type="password"] {
  height: 23px;
  width: 100%;
  margin: 0 4px 0 0;
  padding: 4px 0 0 2px;
  border: 1px solid #c2cfdf;
  border-radius: 3px;
  color: #999;
  font-size: 12px;
}

@media screen and (min-width: 64em) {
  #homeLogin > .bubBody > div > div > form input[type="password"] {
    width: 90px;
  }
}

#homeLogin > .bubBody > div > div > form input:focus {
  color: #333;
}

#homeLogin.login > .bubBody > div > div > form input[type="password"] {
  height: 23px;
  width: 100%;
  margin: 0 4px 0 0;
  padding: 3px 0 2px 4px;
  border: 1px solid #c2cfdf;
  border-radius: 3px;
  color: #999;
  font-size: 12px;
}

@media screen and (min-width: 64em) {
  #homeLogin.login > .bubBody > div > div > form input[type="password"] {
    width: 90px;
  }
}

#homeLogin > .bubBody > div > div > form input[type="email"]:focus,
#homeLogin > .bubBody > div > div > form input[type="password"]:focus {
  border: 1px solid #516585;
  color: #40526e;
}

#homeLogin > .bubBody > div > div > form input[type="submit"] {
  height: 23px;
  border: solid #91a6c3 1px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  font-size: .9em;
  font-weight: bold;
  background-color: #bbcada;
  color: #546b7e;
  text-shadow: 1px 1px 0 #e4eaee;
  padding-bottom: 3px;
}

#homeLogin > .bubBody > div > div > form input[type="submit"]:hover {
  background-color: #869ab9;
  color: #e9eef1;
  text-shadow: 1px 1px 0 #869ab9;
  border-color: #355488;
  cursor: pointer;
}

#homeLogin > .bubBody > div > div > form a.login-form__help {
  display: inline-block;
  font-weight: bold;
  font-size: .8em;
  margin-left: -4px;
  padding-bottom: 7px;
}

#homeLogin > .bubBody > div > div > form a.login-form__help:hover {
  text-decoration: none;
}

#homeLogin > .bubBody > div > div > form .login-form__submit {
  position: relative;
  top: 3px;
  padding: 4px 7px;
}

@media screen and (max-width: 64em) {
  #homeLogin > .bubBody > div > div > form .login-form__submit {
    padding: 10px 20px;
  }
}

#homeLogin > .bubBody > div > div > form img {
  border-width: 0;
}

#homeLogin > .bubBody > div > div > form p {
  padding: .7em 0 0;
}

#homeLogin > .bubBody > .bubBody > div > div > form input[type="email"] {
  float: left;
}

/* ######################### Log-in popover - registration#1 bubble ######################### */
#homeLogin > .bubBody > #register01,
#homeLogin > .bubBody > #register02,
#homeLogin > .bubBody > #forget01,
#homeLogin > .bubBody > #login01 {
  display: none;
}

/* ######################### Log-in popover - Login Bubble ######################### */
@media screen and (max-width: 63.9375em) {
  #homeLogin > .bubBody > #login01 {
    padding-bottom: 1rem;
    font-size: 16px;
  }
}

@media screen and (min-width: 64em) {
  #homeLogin > .bubBody > #login01 > div {
    padding: 8px 22px;
  }
}

.login-form__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media screen and (min-width: 64em) {
  .login-form__fields {
    max-width: 300px;
  }
}

.login-form__field {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-bottom: .75em;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .login-form__field {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-bottom: 0;
    text-align: left;
  }
  .login-form__field:nth-child(4) {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

@media screen and (max-width: 63.9375em) {
  .login-form__field:nth-child(4) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .login-form__field:nth-child(3) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

.login-form__field:nth-child(4) {
  margin-top: -.75em;
  text-align: left;
}

.login-form__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.login-form__links p {
  font-size: .8em;
  margin-top: 5px;
}

.login-form__links hr {
  margin-bottom: 0;
}

@media screen and (max-width: 63.9375em) {
  .login-form__links p {
    margin-top: 1em;
    text-decoration: underline;
  }
  .login-form__links hr {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .login-form__links p:nth-of-type(1) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .login-form__links p:nth-of-type(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
    margin-bottom: 1em;
  }
  .login-form__links p:nth-of-type(3) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

#homeLogin > .bubBody > #login01 > div > form > p {
  clear: left;
  position: relative;
  padding-top: 0;
  font-size: 0.8em;
}

#homeLogin > .bubBody > #login01 > div > form label {
  display: block;
  font-size: .8em;
  color: #90a5bc;
  text-align: left;
}

@media screen and (min-width: 64em) {
  #homeLogin > .bubBody > #login01 > div > form label {
    text-transform: uppercase;
  }
}

#homeLogin > .bubBody > #login01 > div > form .login-form__field p label {
  display: inline-block;
  font-size: .875rem;
  text-transform: none;
}

@media screen and (min-width: 64em) {
  #homeLogin > .bubBody > #login01 > div > form .login-form__field p label {
    margin-top: 1em;
    color: inherit;
    font-size: .8em;
  }
}

#homeLogin > .bubBody > #login01 > div > form > p + p + p {
  margin: 12px;
}

#homeLogin > .bubBody > #login01 > div > form .login-form__field:first-child label br {
  display: none;
}

@media screen and (min-width: 64em) {
  #homeLogin > .bubBody > #login01 > div > form .login-form__field:first-child label br {
    display: block;
  }
}

#homeLogin > .bubBody > #login01 > div > form > p:first-child > span:first-child + span {
  position: absolute;
  left: 164px;
}

#homeLogin > .bubBody > #login01 > div > p:first-child {
  color: #9e0b0f;
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  padding-bottom: 8px;
}

@media screen and (max-width: 63.9375em) {
  #homeLogin #login01 input,
  #homeLogin #login01 input:focus {
    font-size: 16px;
    height: auto;
    padding: .4em 0 .4em .25em;
  }
}

@media screen and (min-width: 64em) {
  #homeLogin > .bubBody > #login01 > div > form input[type="email"]:first-of-type {
    width: 150px;
    margin: 0 4px 0 0;
  }
}

@media screen and (min-width: 64em) {
  #homeLogin > .bubBody > #login01 > div > form input[type="password"] {
    width: 70px;
    margin: 0 4px 0 0;
  }
}

#homeLogin > .bubBody > #register01 > div {
  padding: 8px 22px;
}

@media screen and (max-width: 63.9375em) {
  #homeLogin > .bubBody > #register01 > div {
    padding: 0 0 1em;
  }
}

@media screen and (max-width: 63.9375em) {
  #register01 #blbLForm02 {
    padding: 1rem;
    margin-bottom: 1em;
    border-bottom: 1px solid #778097;
  }
}

#homeLogin > .bubBody > #register01 > div > p:first-child {
  padding-bottom: 3px;
  text-align: center;
  font-size: 0.8em;
}

@media screen and (min-width: 64em) {
  .register-form__fields {
    max-width: 320px;
    padding-left: 14px;
  }
  .register-form__field {
    display: inline-block;
    margin-top: 5px;
    margin-left: -4px;
    font-size: .8em;
  }
  .register-form__field:nth-of-type(3) {
    width: 100%;
  }
  .register-form__field label {
    display: block;
    color: #90a5bc;
    font-size: .9em;
    text-transform: uppercase;
  }
  #homeLogin > .bubBody > #register01 > div > form .register-form__field:first-child input {
    width: 170px;
    margin-right: 4px;
  }
  #homeLogin > .bubBody > #register01 > div > form .register-form__field:nth-of-type(2) input[type=text] {
    width: 100px;
    margin-right: 4px;
  }
  #homeLogin > .bubBody > #register01 > div > form .register-form__field:nth-of-type(4) input[type=password] {
    width: 80px;
    margin-right: 4px;
  }
  #homeLogin > .bubBody > #register01 > div > form .register-form__field:nth-of-type(5) input[type=password] {
    width: 83px;
    margin-right: 4px;
  }
  #homeLogin > .bubBody > #register01 > div > form .register-form__field:nth-of-type(6) input[type=submit] {
    width: 83px;
    margin-left: 19px;
  }
}

@media screen and (max-width: 63.9375em) {
  .register-form__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1rem;
  }
  .label-helper {
    float: right;
    font-size: .75rem;
  }
  #homeLogin.login #blbLForm02 .register-form__field {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    margin-bottom: 1rem;
  }
  #homeLogin.login #blbLForm02 .register-form__field.field--half {
    max-width: calc(50% - 1rem);
  }
  #homeLogin.login #blbLForm02 .register-form__field:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #homeLogin.login #blbLForm02 .register-form__field:nth-of-type(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  #homeLogin.login #blbLForm02 .register-form__field:nth-of-type(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 2rem;
  }
  #homeLogin.login #blbLForm02 .register-form__field:nth-of-type(4) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  #homeLogin.login #blbLForm02 .register-form__field:nth-of-type(5) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  #homeLogin.login #blbLForm02 .register-form__field:nth-of-type(6) {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
    text-align: center;
  }
  #homeLogin.login #blbLForm02 .register-form__field input[type="text"],
  #homeLogin.login #blbLForm02 .register-form__field input[type="password"] {
    width: 100%;
    height: auto;
    padding: .3rem 0 .3rem .25rem;
    font-size: 16px;
  }
  #homeLogin.login #blbLForm02 .register-form__field input[type="submit"] {
    height: auto;
    width: auto;
    margin: auto;
    padding: 10px 20px;
  }
}

#homeLogin > .bubBody > #register01 > div > form > p {
  clear: left;
  position: relative;
  padding-top: 0;
  font-size: 0.8em;
}

#homeLogin > .bubBody > #register01 > div > p:nth-last-of-type(2),
#homeLogin > .bubBody > #register01 > div > p:nth-last-of-type(1) {
  margin-top: 5px;
}

#homeLogin > .bubBody > #register01 > div > p > a {
  font-weight: bold;
}

#homeLogin > .bubBody > #register01 #cancelMeA {
  font-size: 0.8em;
  font-weight: normal;
}

@media screen and (max-width: 63.9375em) {
  #homeLogin > .bubBody > #register01 #cancelMeA {
    display: block;
    margin-bottom: .5rem;
    text-align: center;
    text-decoration: underline;
  }
}

/* ######################### Log-in popover - forget#1 bubble ######################### */
#homeLogin > .bubBody > #forget01 > div {
  padding: 8px 22px;
}

@media screen and (max-width: 63.9375em) {
  #homeLogin > .bubBody > #forget01 > div {
    padding: 0 0 1em;
  }
}

@media screen and (max-width: 63.9375em) {
  #forget01 #blbLForm03 {
    padding: 1rem;
    margin-bottom: 1em;
    border-bottom: 1px solid #778097;
  }
}

#homeLogin > .bubBody > #forget01 > div > form > p {
  clear: left;
  position: relative;
  padding-top: 0;
  font-size: 0.8em;
}

#homeLogin > .bubBody > #forget01 > div > form > p > span {
  display: block;
  font-size: .9em;
  color: #90a5bc;
  float: left;
  text-transform: uppercase;
}

@media screen and (max-width: 63.9375em) {
  #homeLogin > .bubBody > #forget01 > div > form > p > span {
    text-transform: none;
  }
}

#homeLogin > .bubBody > #forget01 > div > form > p:first-child > span {
  margin-left: 10px;
}

@media screen and (max-width: 63.9375em) {
  #homeLogin > .bubBody > #forget01 > div > form > p:first-child > span {
    margin-left: 0;
  }
}

#homeLogin > .bubBody > #forget01 > div > p:first-child {
  color: #9e0b0f;
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  padding-bottom: 8px;
}

#homeLogin > .bubBody > #forget01 > div > form input[type=text] {
  width: 220px;
  margin: 0 4px 0 10px;
}

@media screen and (max-width: 63.9375em) {
  #homeLogin > .bubBody > #forget01 > div > form input[type=text] {
    display: block;
    height: auto;
    width: 100%;
    margin: .5em 0 0;
    padding: .4em 0 .4em .25em;
  }
}

#homeLogin > .bubBody > #forget01 > div > form input[type=submit] {
  width: 145px;
  margin: 8px 4px 0 11px;
}

@media screen and (max-width: 63.9375em) {
  #homeLogin > .bubBody > #forget01 > div > form input[type=submit] {
    display: block;
    margin: auto;
    width: auto;
    margin: 1.5rem auto 0;
    padding: 10px 20px;
    height: auto;
    text-shadow: none;
  }
}

#homeLogin > .bubBody > #forget01 > div > p {
  text-align: center;
  font-size: 0.8em;
}

@media screen and (max-width: 63.9375em) {
  #homeLogin > .bubBody > #forget01 > div > p {
    text-decoration: underline;
  }
}

#homeLogin > .bubBody > #welcome01 > div p.alert,
#homeLogin > .bubBody > #login01 > div p.alert,
#homeLogin > .bubBody > #forget01 > div p.alert,
#homeLogin > .bubBody > #register01 > div p.alert {
  color: #9e0b0f;
  font-weight: bold;
  font-size: 0.7em;
  text-align: left;
  padding-bottom: 3px;
  overflow: hidden;
  display: none;
}

@media screen and (max-width: 63.9375em) {
  #homeLogin > .bubBody > #welcome01 > div p.alert,
  #homeLogin > .bubBody > #login01 > div p.alert,
  #homeLogin > .bubBody > #forget01 > div p.alert,
  #homeLogin > .bubBody > #register01 > div p.alert {
    height: auto !important;
    padding: .5rem;
    margin-left: 1rem;
    margin-right: 1rem;
    background-color: #bbcada;
    color: #485973;
    text-align: center;
  }
  #homeLogin > .bubBody > #welcome01 > div p.alert#failedLogin, #homeLogin > .bubBody > #welcome01 > div p.alert#eMailChk, #homeLogin > .bubBody > #welcome01 > div p.alert#eMailErr, #homeLogin > .bubBody > #welcome01 > div p.alert#uPassChk, #homeLogin > .bubBody > #welcome01 > div p.alert#uPassErr, #homeLogin > .bubBody > #welcome01 > div p.alert#fNameChk, #homeLogin > .bubBody > #welcome01 > div p.alert#uNameErr, #homeLogin > .bubBody > #welcome01 > div p.alert#uNameChk, #homeLogin > .bubBody > #welcome01 > div p.alert#eMailExist,
  #homeLogin > .bubBody > #login01 > div p.alert#failedLogin,
  #homeLogin > .bubBody > #login01 > div p.alert#eMailChk,
  #homeLogin > .bubBody > #login01 > div p.alert#eMailErr,
  #homeLogin > .bubBody > #login01 > div p.alert#uPassChk,
  #homeLogin > .bubBody > #login01 > div p.alert#uPassErr,
  #homeLogin > .bubBody > #login01 > div p.alert#fNameChk,
  #homeLogin > .bubBody > #login01 > div p.alert#uNameErr,
  #homeLogin > .bubBody > #login01 > div p.alert#uNameChk,
  #homeLogin > .bubBody > #login01 > div p.alert#eMailExist,
  #homeLogin > .bubBody > #forget01 > div p.alert#failedLogin,
  #homeLogin > .bubBody > #forget01 > div p.alert#eMailChk,
  #homeLogin > .bubBody > #forget01 > div p.alert#eMailErr,
  #homeLogin > .bubBody > #forget01 > div p.alert#uPassChk,
  #homeLogin > .bubBody > #forget01 > div p.alert#uPassErr,
  #homeLogin > .bubBody > #forget01 > div p.alert#fNameChk,
  #homeLogin > .bubBody > #forget01 > div p.alert#uNameErr,
  #homeLogin > .bubBody > #forget01 > div p.alert#uNameChk,
  #homeLogin > .bubBody > #forget01 > div p.alert#eMailExist,
  #homeLogin > .bubBody > #register01 > div p.alert#failedLogin,
  #homeLogin > .bubBody > #register01 > div p.alert#eMailChk,
  #homeLogin > .bubBody > #register01 > div p.alert#eMailErr,
  #homeLogin > .bubBody > #register01 > div p.alert#uPassChk,
  #homeLogin > .bubBody > #register01 > div p.alert#uPassErr,
  #homeLogin > .bubBody > #register01 > div p.alert#fNameChk,
  #homeLogin > .bubBody > #register01 > div p.alert#uNameErr,
  #homeLogin > .bubBody > #register01 > div p.alert#uNameChk,
  #homeLogin > .bubBody > #register01 > div p.alert#eMailExist {
    background-color: #b95356;
    color: #fff;
  }
}

#homeLogin > .bubBody > #welcome01 > div p.alert:first-child,
#homeLogin > .bubBody > #login01 > div p.alert:first-child,
#homeLogin > .bubBody > #forget01 > div p.alert:first-child,
#homeLogin > .bubBody > #register01 > div p.alert:first-child {
  padding-top: 0;
}

@media screen and (max-width: 63.9375em) {
  #homeLogin > .bubBody > #welcome01 > div p.alert:first-child,
  #homeLogin > .bubBody > #login01 > div p.alert:first-child,
  #homeLogin > .bubBody > #forget01 > div p.alert:first-child,
  #homeLogin > .bubBody > #register01 > div p.alert:first-child {
    padding-top: .5rem;
  }
}

#homeLogin > .bubBody > #login01 > div a:hover,
#homeLogin > .bubBody > #forget01 > div a:hover,
#homeLogin > .bubBody > #register01 > div a:hover {
  text-decoration: none;
}

#homeLogin > .bubBody > #register02 {
  font-size: 0.9em;
  height: 80px;
  padding: 20px;
}

/* BETA button stuff */
#betaTag {
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 100;
  cursor: pointer;
}

#betaDrop {
  position: absolute;
  top: 33px;
  left: 10px;
  z-index: 100;
  width: 450px;
  border: solid #363f4e 1px;
  border-radius: 6px;
  background-color: #f9fafb;
  padding: 15px;
  display: none;
}

#betaDrop p.nonAlert {
  font-size: .8em;
  padding: 10px;
  font-weight: bold;
  color: #fff;
  background-color: #b84e51;
  margin: 5px;
  margin-top: 12px;
  border: solid #9e0b0f 1px;
  border-radius: 4px;
  display: none;
}

#betaDrop p.alert {
  font-size: .8em;
  font-weight: bold;
  color: #b84e51;
  margin: 0;
  border-width: 0;
  margin-top: 12px;
  padding: 0 12px;
  display: none;
}

#betaDrop > div:first-child {
  position: relative;
}

#betaDrop > div > h2 {
  font-weight: bold;
  color: #4d6476;
}

#betaDrop > div > p,
#betaDrop > div > form > p {
  font-size: .8em;
  padding-top: 9px;
}

#betaDrop > div > form > p > label {
  font-size: .75em;
  font-weight: bold;
  text-transform: uppercase;
  color: #4d6476;
}

#betaDrop > div > form > p > input[type="text"] {
  width: 200px;
}

#betaDrop > div > form > p > textarea {
  margin-bottom: 0;
  resize: none;
  font-size: 1.05em;
}

#betaDrop > div > form > p > input[type="submit"] {
  width: 70px;
  text-transform: uppercase;
  text-align: center;
}

#betaDrop > div > p#classic {
  float: right;
  position: relative;
  top: -35px;
  width: 127px;
  margin: 0 0 7px 15px;
  font-size: .6em;
  font-weight: bold;
  text-transform: uppercase;
}

#betaDrop > div > p#classic > a > img {
  border: solid #363f4e 1px;
  border-radius: 4px;
}

#betaDrop > div > p#classic > a > img:hover {
  opacity: .85;
}

#betaDrop > div#betaArrow {
  position: absolute;
  top: -11px;
  left: 45px;
}

#betaDrop > #betaAware {
  position: absolute;
  top: 0;
  left: 451px;
  width: 380px;
  border: solid #363f4e 1px;
  border-radius: 6px;
  background-color: #fddbb6;
  padding: 15px;
}

#betaDrop > #betaAware h2 {
  color: #8d5a22;
}

#betaDrop > #betaAware > ul {
  padding-top: 8px;
  font-size: .8em;
}

.menuDrop_banBot {
  padding-top: 8px;
}

.responsive-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  top: 0;
  background-color: #627b9f;
  line-height: 1.5;
}

.responsive-navbar .nav-logo {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.responsive-navbar .nav-verse-switcher {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  z-index: 3;
}

.responsive-navbar .nav-links {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  z-index: 4;
}

.responsive-navbar .nav-search {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  border-width: 1px 0 0 0;
  z-index: 2;
}

@media screen and (min-width: 51.25em) {
  .responsive-navbar .nav-logo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .responsive-navbar .nav-search {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    border-width: 0 0 0 1px;
  }
  .responsive-navbar .nav-verse-switcher {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .responsive-navbar .nav-links {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

.nav-logo,
.nav-links,
.nav-verse-switcher,
.nav-search {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: .5em;
  padding-right: .5em;
  border: 1px solid #4e6380;
  border-width: 0 0 0 1px;
}

@media (min-width: 400px) {
  .nav-logo:not(.nav-search),
  .nav-links:not(.nav-search),
  .nav-verse-switcher:not(.nav-search),
  .nav-search:not(.nav-search) {
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 410px) {
  .nav-logo.nav-search,
  .nav-links.nav-search,
  .nav-verse-switcher.nav-search,
  .nav-search.nav-search {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.nav-logo {
  border-left-width: 0;
}

.nav-logo img {
  height: 50px;
}

.nav-links {
  position: relative;
  max-width: 33%;
}

.nav-trigger {
  display: block;
  margin-bottom: 0;
  position: relative;
  border: 1px solid #40464e;
}

@media screen and (min-width: 51.25em) {
  .nav-trigger {
    padding: 1rem 1.5rem;
  }
}

.nav-trigger.is-active {
  background-color: #575f6a;
  border: 1px solid #FF5F49;
  border-bottom-width: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  z-index: 2;
}

.nav-mobile-menu {
  margin: 0;
  padding: 0;
  width: 280px;
  position: absolute;
  top: calc(50% + 17px);
  right: calc(50% - 44px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #575f6a;
  border: 1px solid #40464e;
  border-radius: 3px 0 3px 3px;
  list-style: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  z-index: 2;
}

.nav-mobile-menu.is-active {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.nav-mobile-menu li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  padding: 1em 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #40464e;
  color: #fefefe;
  text-align: center;
}

.nav-mobile-menu li:nth-child(odd):not(:last-child) {
  border-right: 1px solid #40464e;
}

.nav-mobile-menu li:last-child {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-bottom: .5em;
  border-bottom-width: 0;
}

.nav-mobile-menu li:last-child a {
  font-size: 3em;
  line-height: 1;
}

.nav-mobile-menu li:last-child a:hover {
  text-decoration: none;
}

.nav-mobile-menu a {
  color: #fefefe;
}

.nav-verse-switcher {
  display: none;
  position: relative;
  text-align: center;
}

.nav-verse-switcher a {
  color: #fefefe;
}

.nav-verse-switcher__translation {
  font-size: 1.25em;
}

.nav-verse-switcher__helper {
  font-size: .75em;
}

div#appVerSel_Resp {
  position: absolute;
  top: 65px;
  right: 0;
  width: 224px;
  padding: 0 0 0 5px;
  border-radius: 5px;
  border: solid #a5b5c6 1px;
  background-color: #dee7e9;
  z-index: 10;
  display: none;
}

@media screen and (min-width: 51.25em) {
  div#appVerSel_Resp {
    top: 95px;
  }
}

div#appVerSel_Resp.is-active {
  display: block;
}

div#appVerSel_Resp > div {
  position: relative;
  float: left;
  border: solid #c5d2e0 1px;
  border-width: 0 1px;
  background-color: #eaeff2;
  margin-right: 5px;
  padding: 7px 0;
}

div#appVerSel_Resp > div > img {
  position: absolute;
  top: -17px;
  left: 17px;
}

div#appVerSel_Resp > div + div + div {
  background-color: #f2f4e3;
}

div#appVerSel_Resp > div + div + div span {
  color: #74775d;
}

div#appVerSel_Resp > div + div + div span:hover {
  color: #555842;
  background-color: #d4d7c1;
}

div#appVerSel_Resp > div + div + div span.null:hover {
  background-color: #f2f4e3;
}

div#appVerSel_Resp > div span {
  line-height: normal;
  font-weight: bold;
  width: 65px;
  text-align: center;
  display: block;
  padding: 6px;
  color: #627b9f;
  cursor: pointer;
}

div#appVerSel_Resp > div span:hover {
  background-color: #ced9e5;
}

div#appVerSel_Resp > div span.null:hover {
  background-color: #eaeff2;
}

div#appVerSel {
  position: absolute;
  left: -85px;
  top: 60px;
  width: 350px;
  padding: 0 0 0 5px;
  display: none;
  background-color: #dee7e9;
  border: 1px solid #a5b5c6;
  border-radius: 5px;
}

div#appVerSel > div {
  position: relative;
  border: solid #C5D2E0 1px;
  border-width: 0 1px;
  background-color: #f2f4e3;
  margin-right: 5px;
  padding: 4px 0 6px;
}

div#appVerSel > div img {
  position: absolute;
  left: 151px;
  top: -17px;
}

div#appVerSel > div:first-child {
  background-color: #eaeff2;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom-width: 1px;
}

div#appVerSel > div:first-child > div {
  color: #627b9f;
}

div#appVerSel > div:first-child > div:hover {
  color: #555842;
  background-color: #ced9e5;
}

div#appVerSel > div > div {
  font-weight: bold;
  text-align: left;
  padding: 2px 4px 2px 10px;
  cursor: pointer;
  color: #74775d;
}

div#appVerSel > div > div:hover {
  color: #555842;
  background-color: #d4d7c1;
}

div#appVerSel > div > div > span {
  font-size: 0.9em;
  padding: 2px;
  display: inline-block;
}

div#appVerSel > div > div > span:first-child {
  width: 60px;
}

.nav-search__form {
  width: 100%;
}

.nav-search__form .helper {
  padding-top: 0.25rem;
  color: #fefefe;
  font-size: .75rem;
}

.nav-search__form .helper a {
  color: #fefefe;
  text-decoration: underline;
}

@media screen and (max-width: 24.375em) {
  .nav-search__form .helper span {
    display: none;
  }
}

.menu-hidden .nav-search__form .helper {
  display: none;
}

.nav-search__fields {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  margin-top: .5em;
  margin-bottom: .5em;
}

@media (min-width: 400px) {
  .nav-search__fields {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media screen and (max-width: 25em) {
  .nav-search__fields:nth-of-type(2) {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@media screen and (max-width: 22.5em) {
  .nav-search__fields:nth-of-type(2) {
    margin-left: .5rem;
    margin-right: .5rem;
  }
}

.nav-search__wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media (min-width: 400px) {
  .nav-search__wrap {
    padding-right: 1em;
  }
  .nav-search__wrap:last-child {
    padding-right: 0;
  }
}

.nav-search__wrap:first-of-type {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (min-width: 400px) {
  .nav-search__wrap:first-of-type {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media screen and (max-width: 25em) {
  .nav-search__wrap:nth-of-type(2) {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.nav-search__wrap input,
.nav-search__wrap input[type="text"],
.nav-search__wrap input[type="submit"] {
  height: initial;
  padding: .3em;
  width: 100%;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #0a0a0a;
  font-size: 1em;
}

.nav-search__wrap .button {
  padding: .45em;
  margin-bottom: 0;
  border-radius: 2px;
  font-size: .875em;
  height: 30px;
}

@media (min-width: 400px) {
  .nav-search__wrap .button {
    padding: .3em;
    font-size: 1em;
  }
}

.nav-search__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 400px) {
  .nav-search__options {
    display: block;
  }
}

.nav-search__options a {
  color: #fefefe;
  font-size: .875em;
  text-decoration: underline;
}

@media (min-width: 400px) {
  .nav-search__options a {
    margin-right: 1.5em;
    padding-right: 1.5em;
    border-right: 1px solid #fefefe;
  }
  .nav-search__options a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right-width: 0;
  }
}

.nav-search__quickNav {
  display: none;
}

.headroom {
  -webkit-transition: .25s ease;
  transition: .25s ease;
}

.headroom--unpinned {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.headroom--pinned,
.headroom--bottom {
  max-height: 100px;
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* ######################### Navigation Columns ######################### */
#bodyCol2 .bubble .bubHead {
  background: #637a9f;
}

#bodyCol2 > .bubble > .bubBody > div > h1,
#bodyCol2 > .bubble > .bubBody > div > h6 {
  font-weight: bold;
  color: #4b6080;
  padding: 8px 0 2px 32px;
}

#bodyCol2 > .bubble > .bubBody > div > h1 > img,
#bodyCol2 > .bubble > .bubBody > div > h6 > img {
  vertical-align: bottom;
  margin-bottom: 2px;
}

#bodyCol2 > .bubble > .bubHead > div > .close {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  background-color: #9eb0c6;
  width: 16px;
  height: 15px;
  text-align: center;
  border-radius: 2px;
  border: solid #355488 1px;
  font-weight: bold;
  font-size: .8em;
  color: #627b9f;
}

#bodyCol2 > .bubble > .bubHead > div > .close:hover {
  border: solid #99aac2 1px;
  background-color: #5c7190;
  color: #99aac2;
  cursor: pointer;
}

#bodyCol2 > .bubble > .bubHead > div > .close > span {
  position: relative;
  top: -3px;
}

#bodyCol2 > .bubble > .bubHead > div > .edit {
  position: absolute;
  top: 5px;
  right: 25px;
  cursor: pointer;
  background-color: #9eb0c6;
  height: 15px;
  text-align: center;
  border-radius: 2px;
  border: solid #355488 1px;
  font-weight: bold;
  font-size: .8em;
  color: #627b9f;
  padding: 3px 4px;
}

#bodyCol2 > .bubble > .bubHead > div > .edit:hover {
  border: solid #99aac2 1px;
  background-color: #5c7190;
  color: #99aac2;
  cursor: pointer;
}

#bodyCol2 > .bubble > .bubHead > div > .edit > span {
  position: relative;
  top: -3px;
}

/* ######################### Navigation Columns - Forms ######################### */
#bodyCol2 > .bubble > .bubBody > div > div > form {
  text-align: center;
  padding: 0 22px 6px;
}

#bodyCol2 > .bubble > .bubBody > div > div > form input[type=text] {
  width: 214px;
  height: 23px;
  border: solid #627B9F 1px;
  margin-right: 4px;
  margin-left: 10px;
  font-size: 12px;
  padding: 3px 0 2px 4px;
  border-radius: 3px;
  color: #999;
}

#bodyCol2 > .bubble > .bubBody > div > div > form input[type=password] {
  height: 23px;
  border: solid #627B9F 1px;
  font-size: 12px;
  padding: 4px 0 0 2px;
  border-radius: 3px;
  color: #999;
  width: 90px;
  margin: 0 4px 0 0;
}

#bodyCol2 > .bubble > .bubBody > div > div > form input:focus {
  color: #333;
}

#bodyCol2 > .bubble > .bubBody > div > div > form select {
  height: 23px;
  border: solid #627B9F 1px;
  margin-right: 4px;
  margin-left: 10px;
  font-size: 12px;
  padding: 3px 0 0;
  border-radius: 3px;
  color: #999;
}

#bodyCol2 > .bubble > .bubBody > div > div > form select:focus {
  color: #333;
}

#bodyCol2 > .bubble.login {
  display: none;
}

#bodyCol2 > .bubble.login > .bubBody > div > div > form input[type=password] {
  height: 23px;
  border: solid #c2cfdf 1px;
  font-size: 12px;
  padding: 3px 0 2px 4px;
  border-radius: 3px;
  color: #999;
  width: 90px;
  margin: 0 4px 0 0;
}

#bodyCol2 > .bubble > .bubBody > div > div > form input[type=text]:focus,
#bodyCol2 > .bubble > .bubBody > div > div > form input[type=password]:focus {
  border: solid #516585 1px;
  color: #40526e;
}

#bodyCol2 > .bubble > .bubBody > div > div > form input[type=submit] {
  height: 23px;
  border: solid #91a6c3 1px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  font-weight: bold;
  background-color: #bbcada;
  color: #546b7e;
  text-shadow: 1px 1px 0 #e4eaee;
  padding-bottom: 3px;
}

#bodyCol2 > .bubble > .bubBody > div > div > form input[type=submit]:hover {
  background-color: #869ab9;
  color: #e9eef1;
  text-shadow: 1px 1px 0 #869ab9;
  border-color: #355488;
  cursor: pointer;
}

#bodyCol2 > .bubble > .bubBody > div > div > form input[type=image] {
  border-width: 0;
}

#bodyCol2 > #rtBub_1001 > .bubBody > div > div > form input[type=image] {
  display: block;
  float: left;
}

#bodyCol2 > .bubble > .bubBody > div > div > form input[type=image] ~ a {
  display: block;
  float: right;
  font-weight: bold;
  padding: 3px 0 7px;
}

#bodyCol2 > .bubble > .bubBody > div > div > form input[type=image] ~ a:hover {
  text-decoration: none;
}

#bodyCol2 > .bubble > .bubBody > div > div > form img {
  border-width: 0;
}

#bodyCol2 > .bubble > .bubBody > div > div > form p {
  margin: .7em 0 0;
}

/* ######################### Navigation Columns ######################### */
#bodyCol2 > div > .bubBody > div {
  font-size: .8em;
}

#bodyCol2 .bubBody div > p {
  padding: 0 22px 15px;
}

#bodyCol2 .bubBody div > p:first-child,
#bodyCol2 .bubBody div > ul:first-child,
#bodyCol2 .bubBody div > ol:first-child {
  padding-top: 11px;
}

#bodyCol2 .bubBody div > h3 {
  padding: 0 22px 5px;
  font-weight: bold;
}

#bodyCol2 .bubBody div > ul,
#bodyCol2 .bubBody div > ol {
  padding: 0 35px 15px;
  font-size: .9em;
}

#bodyCol2 .login .bubBody div > div {
  padding-top: 11px;
}

#bodyCol2 .login .bubHead > div > h1 > img,
#bodyCol2 .login .bubHead > div > h6 > img {
  margin-top: 3px;
  position: absolute;
  right: 20px;
  cursor: pointer;
}

#bodyCol2.squish * {
  overflow: hidden;
}

/* ######################### Navigation Columns - rtNavSearchSel ######################### */
#bodyCol2 > .bubble > .bubBody > div > #searchPrime #rtNavSearchSel {
  position: absolute;
  right: 5px;
  top: 85px;
  width: 224px;
  padding: 0 0 0 5px;
  border-radius: 5px;
  border: solid #a5b5c6 1px;
  background-color: #dee7e9;
  z-index: 10;
  display: none;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime #rtNavSearchSel > div {
  position: relative;
  float: left;
  border: solid #c5d2e0 1px;
  border-width: 0 1px;
  background-color: #eaeff2;
  margin-right: 5px;
  padding: 7px 0;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime #rtNavSearchSel > div > img {
  position: absolute;
  top: -17px;
  left: 17px;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime #rtNavSearchSel > div ~ img {
  display: none;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime #rtNavSearchSel > div + div + div {
  background-color: #f2f4e3;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime #rtNavSearchSel > div > span {
  font-size: 1.12em;
  font-weight: bold;
  width: 65px;
  text-align: center;
  display: block;
  padding: 3px 8px;
  color: #627b9f;
  cursor: pointer;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime #rtNavSearchSel > div > span:hover {
  background-color: #ced9e5;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime #rtNavSearchSel > div > span.null:hover {
  background-color: #eaeff2;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime #rtNavSearchSel > div + div + div > span {
  color: #74775d;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime #rtNavSearchSel > div + div + div > span:hover {
  color: #555842;
  background-color: #d4d7c1;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime #rtNavSearchSel > div + div + div > span.null:hover {
  background-color: #f2f4e3;
}

/* ######################### Navigation Columns - Forms ######################### */
#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > table > tbody > tr > td > input[type=text] {
  padding: 3px 0 2px 4px;
  width: 159px;
  margin-right: 4px;
  color: #999;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > table > tbody > tr > td > input[type=text]:focus {
  border: solid #516585 1px;
  color: #40526e;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > table > tbody > tr > #wordsSelectBox #rtNavSelectDropU {
  margin: 0 4px 0 0;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > table > tbody > tr > #wordsSelectBox #rtNavSelectDropU img {
  width: 51px;
  height: 23px;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt {
  margin-bottom: 15px;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt > p:first-child,
#bodyCol2 > .bubble > .bubBody > div > #searchLex > form > .searchInputs > #lexAdvOpt > p:first-child {
  margin: 0;
  padding: 8px 22px 0;
  text-align: left;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv,
#bodyCol2 > .bubble > .bubBody > div > #searchLex > form > .searchInputs > #lexAdvOpt > #showHideLexDiv {
  border-radius: 5px;
  border: solid #a5b5c6 1px;
  background-color: #f2f5f7;
  margin: 8px 22px;
  padding: 8px;
  display: none;
}

#bodyCol2 > .bubble > .bubBody > div#rtBub_1001_1 > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv,
#bodyCol2 > .bubble > .bubBody > div#rtBub_1001_2 > #searchLex > form > .searchInputs > #lexAdvOpt > #showHideLexDiv {
  background-color: #ebe7b6;
  text-align: left;
}

#bodyCol2 > .bubble > .bubBody > div#rtBub_1001_2 > #searchLex > form > .searchInputs > #lexAdvOpt > #showHideLexDiv > div {
  border: 1px solid #ebe7b6;
  padding: 0 2px;
  cursor: pointer;
}

#bodyCol2 > .bubble > .bubBody > div#rtBub_1001_2 > #searchLex > form > .searchInputs > #lexAdvOpt > #showHideLexDiv > div:hover {
  background-color: #F8F8DA;
  border-color: #D1CEA1;
  border-radius: 3px 3px 3px 3px;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > hr {
  background-color: #afbecf;
}

#bodyCol2 > .bubble > .bubBody > div#rtBub_1001_1 > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > hr {
  background-color: #bab56f;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > p {
  margin: 0;
  padding: 0;
  color: #37404f;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > p:nth-last-child(1) {
  font-size: .9em;
  color: #9e0b0f;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > p > span {
  font-size: .9em;
  color: #90a5bc;
  text-transform: uppercase;
}

#bodyCol2 > .bubble > .bubBody > div#rtBub_1001_1 > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > p > span {
  color: #a5a16c;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > p > select {
  margin: 0 0 12px;
  width: 180px;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > p > input {
  margin: 0 0 3px;
  width: 100%;
}

#bodyCol2 > .bubble > .bubBody > div#rtBub_1001_1 > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > p > select,
#bodyCol2 > .bubble > .bubBody > div#rtBub_1001_1 > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > p > input {
  border-color: #9f9b62;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > #clearOpt {
  width: 100%;
  text-align: center;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > #clearOpt > #clearAnchor {
  display: block;
  margin: 0 auto 6px;
  width: 160px;
  border-radius: 5px;
  border: solid #627b9f 1px;
  background-color: #879ab6;
  padding: 2px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > #clearOpt > #clearAnchor:hover {
  background-color: #627b9f;
  border: solid #355488 1px;
  color: #fff;
  text-decoration: none;
}

#bodyCol2 > .bubble > .bubBody > div#rtBub_1001_1 > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > #clearOpt > #clearAnchor {
  border: solid #9f9b62 1px;
  background-color: #bab56f;
}

#bodyCol2 > .bubble > .bubBody > div#rtBub_1001_1 > #searchPrime > form > .searchInputs > #advOpt > #showHideDiv > #clearOpt > #clearAnchor:hover {
  background-color: #9f9b62;
  border: solid #887f35 1px;
}

#bodyCol2 > .bubble > .bubBody > div > #searchPrime > form > .searchInputs > #advOpt > #clrAdvOpt {
  color: #9e0b0f;
}

/* ######################### Navigation Columns - ads ######################### */
#bodyCol2 > .ponies {
  padding: 10px;
}

#bodyCol2 > .ponies > div {
  margin: auto;
}

#bodyCol2 > .ponies > div.poniesHolder {
  width: 300px;
}

#bodyCol2 > .ponies img,
#bodyCol2 > #blbPonies img {
  border: solid #39547F 1px;
}

#bodyCol2 > #blbPonies .part,
#bodyCol2 > .ponies > div {
  text-align: center;
  text-transform: uppercase;
  font-size: .7em;
}

#bodyCol2 > #blbPonies .part {
  top: 0;
}

#bodyCol2 > div#poniesBottomRight > div:first-child {
  margin-bottom: 5px;
}

/* ######################### Dictionary Widge ######################### */
.bubble.widget > .bubBody > div > #dictWidge {
  width: 289px;
  margin: 0 20px 20px;
  background-color: #e4eaee;
  border: solid #5c749a 1px;
  padding: 5px 20px;
  border-radius: 5px;
  text-align: center;
  position: relative;
}

.bubble.widget > .bubBody > div > #dictWidge > span {
  font-family: 'URWEgyptienneTMedRegular',Georgia,helvetica,verdana,arial,sans serif;
  font-size: 1.5em;
  text-transform: capitalize;
  color: #dadfe7;
  text-shadow: #f9fafb 1px 1px 1px;
}

.bubble.widget > .bubBody > div > #dictWidge > span > a {
  font-family: 'URWEgyptienneTMedRegular',Georgia,helvetica,verdana,arial,sans serif;
  color: #8a9bb3;
}

/* ######################### Navigation Columns - Forms - rtBub_1001 ######################### */
#bodyCol2 > #rtBub_1001 > .bubBody > div > div > form input[type=text] {
  float: left;
}

#bodyCol2 > #rtBub_1001 > .bubBody > div > div > form input[type=image] ~ a {
  display: block;
  float: left;
  font-weight: bold;
  padding: 3px 0 7px 4px;
}

/* ######################### Navigation Columns - Forms - login bubble ######################### */
#bodyCol2 > .bubble > .bubBody > #login01 > div > form > p {
  clear: left;
  position: relative;
  padding-top: 0;
}

#bodyCol2 > .bubble > .bubBody > #login01 > div > form > p > span {
  display: block;
  font-size: .75em;
  color: #69798a;
  float: left;
  text-transform: uppercase;
}

#bodyCol2 > .bubble > .bubBody > #login01 > div > form > p:first-child > span:first-child {
  margin-left: 10px;
}

#bodyCol2 > .bubble > .bubBody > #login01 > div > form > p:first-child > span:first-child + span {
  position: absolute;
  left: 164px;
}

#bodyCol2 > .bubble > .bubBody > #login01 > div > p:first-child {
  color: #9e0b0f;
  font-weight: bold;
  text-align: center;
  padding-bottom: 8px;
}

#bodyCol2 > .bubble > .bubBody > #login01 > div > form input[type=text]:first-child {
  width: 150px;
  margin: 0 4px 0 10px;
}

#bodyCol2 > .bubble > .bubBody > #login01 > div > form input[type=password] {
  width: 70px;
  margin: 0 4px 0 0;
}

#bodyCol2 > .bubble > .bubBody > #login01 > div > p {
  text-align: center;
}

/* ######################### Navigation Columns - Forms - registration#1 bubble ######################### */
#bodyCol2 > .bubble > .bubBody > #register01 > div > p:first-child {
  padding-bottom: 3px;
  text-align: center;
}

#bodyCol2 > .bubble > .bubBody > #register01 > div > form input[type=text]:first-child {
  width: 170px;
  margin: 0 4px 0 10px;
}

#bodyCol2 > .bubble > .bubBody > #register01 > div > form input[type=text] + input {
  width: 100px;
  margin: 0 4px 0 0;
}

#bodyCol2 > .bubble > .bubBody > #register01 > div > form input[type=password]:first-child {
  width: 80px;
  margin: 0 4px 0 10px;
}

#bodyCol2 > .bubble > .bubBody > #register01 > div > form input[type=password] + input[type=password] {
  width: 83px;
  margin: 0 4px 0 0;
}

#bodyCol2 > .bubble > .bubBody > #register01 > div > form input[type=submit] {
  width: 83px;
  margin: 0 0 0 26px;
  font-size: .8em;
}

#bodyCol2 > .bubble > .bubBody > #register01 > div > form > p {
  clear: left;
  position: relative;
  padding-top: 0;
}

#bodyCol2 > .bubble > .bubBody > #register01 > div > form > p > span {
  display: block;
  font-size: .75em;
  color: #90a5bc;
  float: left;
  text-transform: uppercase;
}

#bodyCol2 > .bubble > .bubBody > #register01 > div > form > p:first-child > span:first-child,
#bodyCol2 > .bubble > .bubBody > #register01 > div > form > p:first-child + p + p > span:first-child,
#bodyCol2 > .bubble > .bubBody > #register01 > div > form > p:first-child + p + p + p + p > span:first-child {
  margin-left: 10px;
}

#bodyCol2 > .bubble > .bubBody > #register01 > div > form > p:first-child > span:first-child + span {
  position: absolute;
  left: 184px;
}

#bodyCol2 > .bubble > .bubBody > #register01 > div > form > p:first-child + p + p + p + p > span:first-child + span {
  position: absolute;
  left: 97px;
}

/* ######################### Navigation Columns - Forms - forget#1 bubble ######################### */
#bodyCol2 > .bubble > .bubBody > #forget01 > div > form > p {
  text-align: center;
}

#bodyCol2 > .bubble > .bubBody > #forget01 > div > form > p > input[type=text] {
  margin: 0;
}

#bodyCol2 > .bubble > .bubBody > #forget01 > div > form > p > input[type=submit] {
  padding: 0 5px 2px;
  text-transform: uppercase;
  font-size: .8em;
}

#bodyCol2 > .bubble > .bubBody > #forget01 > div > p {
  text-align: center;
}

#bodyCol2 > .bubble > .bubBody > #welcome01 > div p.alert,
#bodyCol2 > .bubble > .bubBody > #login01 > div p.alert,
#bodyCol2 > .bubble > .bubBody > #forget01 > div p.alert,
#bodyCol2 > .bubble > .bubBody > #register01 > div p.alert {
  color: #9e0b0f;
  font-weight: bold;
  font-size: .9em;
  text-align: center;
  padding-bottom: 3px;
  overflow: hidden;
}

#bodyCol2 > .bubble > .bubBody > #welcome01 > div p.alert:first-child,
#bodyCol2 > .bubble > .bubBody > #login01 > div p.alert:first-child,
#bodyCol2 > .bubble > .bubBody > #forget01 > div p.alert:first-child,
#bodyCol2 > .bubble > .bubBody > #register01 > div p.alert:first-child {
  padding-top: 0;
}

#bodyCol2 > .bubble > .bubBody > #login01 > div a:hover,
#bodyCol2 > .bubble > .bubBody > #forget01 > div a:hover,
#bodyCol2 > .bubble > .bubBody > #register01 > div a:hover {
  text-decoration: none;
}

.onboard_container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  z-index: 94;
  position: fixed;
  left: 0px;
  top: 30px;
  height: calc(100% - 30px);
}

.onboard_container .flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .onboard_container .flexRow {
    margin-top: 60px;
  }
}

body:not(.home) div.onboard_container {
  top: 80px;
  height: calc(100% - 80px);
}

body.viewport .flexRow {
  margin-top: 60px;
}

@media screen and (max-width: 63.9375em) {
  body:not(.viewport) .onboard_container {
    top: 93px;
    height: calc(100% - 93px);
  }
  body:not(.viewport) .onboard_container .flexRow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) .onboard_container {
    top: 125px;
    height: calc(100% - 125px);
  }
}

@media screen and (max-width: 63.9375em) {
  body:not(.viewport):not(.home) div.onboard_container {
    top: 95px !important;
    height: calc(100% - 95px) !important;
  }
  body:not(.viewport):not(.home) div.onboard_container .flexRow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport):not(.home) div.onboard_container {
    top: 125px !important;
    height: calc(100% - 125px) !important;
  }
}

/* Close Button */
#onboard_close {
  z-index: 98;
  position: fixed;
  right: 0px;
  top: 133px;
  color: #fefefe;
  font-size: 3rem;
  width: 40px;
  height: 40px;
}

#onboard_close:hover {
  color: #2199E8;
  text-decoration: none;
}

@media screen and (min-width: 64em) {
  body.home #onboard_close {
    top: 25px;
    right: 0;
  }
}

@media screen and (min-width: 40em) {
  body:not(.viewport) #onboard_close {
    top: 145px;
  }
}

@media screen and (min-width: 51.25em) {
  body:not(.viewport) #onboard_close {
    top: 90px;
  }
}

@media screen and (min-width: 64em) {
  body:not(.viewport) #onboard_close {
    top: 90px;
  }
}

/* Arrows */
.arrow__search {
  height: 80px;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}

@media screen and (min-width: 64em) {
  .arrow__search {
    opacity: 0;
  }
}

body.viewport .arrow__search {
  opacity: 0;
}

body.viewport.home #onboard_close {
  top: 25px;
  right: 0;
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) .arrow__search {
    margin: 0 auto;
    margin-top: 20px;
  }
}

@media screen and (min-width: 64em) {
  body:not(.home) > div.onboard_container > div.flexRow {
    margin-top: 60px;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  body:not(.home) > div.onboard_container > div.flexRow #responsive_onboard_search {
    margin-left: 10px;
  }
  body:not(.home) > div.onboard_container > div.flexRow #responsive_onboard_search .arrow__search {
    margin-right: 125px;
    opacity: 1;
  }
}

body:not(.home).viewport > div.onboard_container > div.flexRow {
  margin-top: 60px;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

body:not(.home).viewport > div.onboard_container > div.flexRow #responsive_onboard_search {
  margin-left: 10px;
}

body:not(.home).viewport > div.onboard_container > div.flexRow #responsive_onboard_search .arrow__search {
  margin-right: 125px;
  opacity: 1;
}

.arrow__menu {
  height: 80px;
  -webkit-transform: rotate(30deg) translateX(30px) translateY(-30px);
          transform: rotate(30deg) translateX(30px) translateY(-30px);
}

@media screen and (max-width: 63.9375em) {
  body:not(.viewport) .arrow__menu {
    -webkit-transform: rotate(20deg) translateX(-15px) translateY(4px);
            transform: rotate(20deg) translateX(-15px) translateY(4px);
    margin-right: 70px;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) .arrow__menu {
    height: 80px;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
    margin-top: 20px;
  }
}

.arrow__desktop {
  height: 80px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-top: 10px;
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) .arrow__desktop {
    height: 70px;
  }
}

#responsive_onboard_search {
  width: 200px;
  margin-right: 17vw;
}

#responsive_onboard_search h1, #responsive_onboard_search p, #responsive_onboard_search hr {
  color: white;
}

#responsive_onboard_search h1 {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  margin: 0;
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #FFF;
}

#responsive_onboard_search p {
  padding-top: 20px;
}

@media screen and (max-width: 63.9375em) {
  body:not(.viewport) #responsive_onboard_search {
    padding-right: 0px;
    width: 200px;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) #responsive_onboard_search h1 {
    font-size: 1.25em;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) #responsive_onboard_search p {
    text-align: center;
  }
}

#responsive_onboard_menu {
  width: 300px;
}

#responsive_onboard_menu h1, #responsive_onboard_menu p, #responsive_onboard_menu ul, #responsive_onboard_menu hr {
  color: white;
}

#responsive_onboard_menu h1 {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  margin: 0;
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #FFF;
}

#responsive_onboard_menu ul {
  padding-top: 20px;
  width: 270px;
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) #responsive_onboard_menu {
    width: 40%;
    margin: 0 auto;
    padding: 5px;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) #responsive_onboard_menu h1 {
    font-size: 1.25em;
  }
}

.multi-column {
  height: 150px;
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 10px;
          column-gap: 10px;
  -webkit-column-fill: auto;
          column-fill: auto;
  list-style-position: inside;
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) .multi-column {
    height: 280px;
    -webkit-column-count: 1;
            column-count: 1;
  }
}

#responsive_onboard_questions {
  text-align: center;
  padding: 0px 0px 60px 0px;
}

@media (max-height: 660px) {
  #responsive_onboard_questions {
    display: none;
  }
}

@media (min-width: 821px) {
  #responsive_onboard_questions {
    width: 90%;
    margin: 0 auto;
    /*top: 410px;*/
  }
}

#responsive_onboard_questions h1,
#responsive_onboard_questions p,
#responsive_onboard_questions hr {
  color: white;
}

#responsive_onboard_questions h1 {
  font-size: 2em;
  font-weight: bold;
}

@media screen and (max-width: 51.1875em) {
  #responsive_onboard_questions h1 {
    font-size: 1.25em;
  }
}

#responsive_onboard_questions a:hover {
  text-decoration: none;
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) #responsive_onboard_questions {
    width: 90%;
    margin: 0 auto;
    /*top: 550px;*/
  }
}

#responsive_onboard_desktop {
  text-align: center;
  width: 365px;
}

@media (max-height: 860px) {
  #responsive_onboard_desktop {
    display: none;
  }
}

#responsive_onboard_desktop h1,
#responsive_onboard_desktop hr {
  color: white;
}

#responsive_onboard_desktop h1 {
  font-size: 2em;
  font-weight: bold;
  margin: 0;
  margin-bottom: 5px;
}

#responsive_onboard_desktop > p {
  color: white;
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) #responsive_onboard_desktop {
    width: 90%;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) #responsive_onboard_desktop h1 {
    font-size: 1.25em;
  }
}

div#clearCoat_onboard {
  z-index: 94;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
}

@media screen and (min-width: 51.25em) {
  body.fontSizeMinus1 > #whole > #container #bodyCol1 > div > .bubBody {
    font-size: .9em;
  }
  body.fontSizeMinus1 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectedSearchImg {
    font-size: 12.096px;
  }
  body.fontSizeMinus1 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools > span > span.notif {
    top: -17px;
  }
  body.fontSizeMinus1 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
    top: -20px;
  }
  @-moz-document url-prefix() {
    body.fontSizeMinus1 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
      top: -21px;
    }
    body.fontSizeMinus1 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
      top: -19px;
    }
  }
  body.fontSizeMinus2 > #whole > #container #bodyCol1 > div > .bubBody {
    font-size: .8em;
  }
  body.fontSizeMinus2 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectedSearchImg {
    font-size: 12.096px;
  }
  body.fontSizeMinus2 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools > span > span.notif {
    top: -19px;
  }
  body.fontSizeMinus2 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
    top: -19px;
  }
  body.fontSizeMinus2 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
    top: -17px;
  }
  @-moz-document url-prefix() {
    body.fontSizeMinus2 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
      top: -19px;
    }
    body.fontSizeMinus2 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
      top: -18px;
    }
  }
  body.fontSizeMinus3 > #whole > #container #bodyCol1 > div > .bubBody {
    font-size: .7em;
  }
  body.fontSizeMinus3 > #whole > #container #bodyCol1 > div > .bubBody #reading-listening > fieldset,
  body.fontSizeMinus3 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .sixbuttons div + div + div p,
  body.fontSizeMinus3 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .tools div + div p {
    font-size: 1.1em;
  }
  body.fontSizeMinus3 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectedSearchImg {
    font-size: 12.096px;
  }
  body.fontSizeMinus3 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools > span > span.notif {
    top: -20px;
  }
  body.fontSizeMinus3 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
    top: -17px;
  }
  body.fontSizeMinus3 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
    top: -17px;
  }
  @-moz-document url-prefix() {
    body.fontSizeMinus3 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
      top: -18px;
    }
  }
  body.fontSizeMinus4 > #whole > #container #bodyCol1 > div > .bubBody {
    font-size: .65em;
  }
  body.fontSizeMinus4 > #whole > #container #bodyCol1 > div > .bubBody #reading-listening > fieldset,
  body.fontSizeMinus4 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .sixbuttons div + div + div p,
  body.fontSizeMinus4 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .tools div + div p {
    font-size: 1.1em;
  }
  body.fontSizeMinus4 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectedSearchImg {
    font-size: 12.096px;
  }
  body.fontSizeMinus4 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools > span > span.notif {
    top: -21px;
  }
  body.fontSizeMinus4 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
    top: -17px;
  }
  body.fontSizeMinus4 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
    top: -17px;
  }
  @-moz-document url-prefix() {
    body.fontSizeMinus4 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
      top: -18px;
    }
  }
  body.fontSizeMinus5 > #whole > #container #bodyCol1 > div > .bubBody {
    font-size: .6em;
  }
  body.fontSizeMinus5 > #whole > #container #bodyCol1 > div > .bubBody #reading-listening > fieldset,
  body.fontSizeMinus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .sixbuttons div + div + div p,
  body.fontSizeMinus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .tools div + div p {
    font-size: 1.1em;
  }
  body.fontSizeMinus5 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectedSearchImg {
    font-size: 12.096px;
  }
  body.fontSizeMinus5 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools > span > span.notif {
    top: -21px;
  }
  body.fontSizeMinus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
    top: -17px;
  }
  body.fontSizeMinus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
    top: -17px;
  }
  @-moz-document url-prefix() {
    body.fontSizeMinus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
      top: -18px;
    }
  }
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody {
    font-size: 1.1em;
  }
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody #reading-listening > fieldset,
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .sixbuttons div + div + div p,
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .tools div + div p {
    font-size: 0.95em;
  }
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectedSearchImg {
    font-size: 12.096px;
  }
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools {
    top: -20px;
  }
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools > span > span.notif {
    top: -15px;
  }
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody #htaTableDiv > .bibleTable .columns.tablet-order-3 {
    padding-left: 20px;
  }
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
    top: -23px;
  }
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
    top: -20px;
  }
  @-moz-document url-prefix() {
    body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools {
      top: -22px;
    }
    body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
      top: -24px;
    }
    body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
      top: -21px;
    }
  }
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody {
    font-size: 1.2em;
  }
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody #reading-listening > fieldset,
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody #wordsTbody > .row > .columns + .columns p,
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .sixbuttons div + div + div p,
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .tools div + div p {
    font-size: 0.9em;
  }
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectedSearchImg {
    font-size: 12.096px;
  }
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools {
    top: -22px;
  }
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools > span > span.notif {
    top: -13px;
  }
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody #htaTableDiv > .bibleTable .columns.tablet-order-3 {
    padding-left: 20px;
  }
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
    top: -25px;
  }
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
    top: -22px;
  }
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody #bibleTable .row .columns.bVerse__col-three {
    padding-left: 20px;
  }
  @-moz-document url-prefix() {
    body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
      top: -25px;
    }
    body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
      top: -22px;
    }
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody {
    font-size: 1.4em;
    /*#htaTableDiv > .bibleTable .columns.tablet-order-3 { padding-left: 30px; }*/
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody #reading-listening > fieldset,
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody #wordsTbody > .row > .columns + .columns p,
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .sixbuttons div + div + div p,
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .tools div + div p {
    font-size: 0.8em;
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectedSearchImg {
    font-size: 12.096px;
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectBox {
    min-width: 81px;
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .tablet-order-3,
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody #wordsTbody .row .tablet-order-3 {
    padding-left: 16px;
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools {
    top: -24px;
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools > span > span.notif {
    top: -11px;
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
    top: -28px;
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
    top: -22px;
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody #bibleTable .row .columns.bVerse__col-three {
    padding-left: 20px;
  }
  @-moz-document url-prefix() {
    body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools {
      top: -26px;
    }
    body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
      top: -28px;
    }
    body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
      top: -24px;
    }
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody {
    font-size: 1.6em;
    /*#wordsTbody > .row > .columns + .columns + .columns { padding-left: 40px; }*/
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody #reading-listening > fieldset,
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody #wordsTbody > .row > .columns + .columns p,
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .sixbuttons div + div + div p,
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .tools div + div p,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #reading-listening > fieldset,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #wordsTbody > .row > .columns + .columns p,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .sixbuttons div + div + div p,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .tools div + div p {
    font-size: 0.8em;
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectedSearchImg,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectedSearchImg {
    font-size: 12.096px;
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectBox,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectBox {
    min-width: 85px;
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .tablet-order-3,
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody #wordsTbody .row .tablet-order-3,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .tablet-order-3,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #wordsTbody .row .tablet-order-3 {
    padding-left: 26px;
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools {
    top: -29px;
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools > span > span.notif,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools > span > span.notif {
    top: -6px;
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody #htaTableDiv > .bibleTable .columns.tablet-order-3,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #htaTableDiv > .bibleTable .columns.tablet-order-3 {
    padding-left: 36px;
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
    top: -30px;
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
    top: -29px;
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody #bibleTable .row .columns.bVerse__col-three,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #bibleTable .row .columns.bVerse__col-three {
    padding-left: 30px;
  }
  @-moz-document url-prefix() {
    body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools {
      top: -32px;
    }
    body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
      top: -31px;
    }
    body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
      top: -26px;
    }
  }
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData td {
    font-size: 15px;
  }
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .greekNT,
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .hebrewOT {
    font-size: 16px;
  }
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData td {
    font-size: 16px;
  }
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .greekNT,
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .hebrewOT {
    font-size: 18px;
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData td {
    font-size: 17px;
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .greekNT,
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .hebrewOT {
    font-size: 20px;
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData td,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData td {
    font-size: 18px;
  }
  /* Page Width */
  body.fontSizePlus1 > #whole > #container #bodyCol1 > div > .bubBody .bible > .bibleFeet > div.fnContainer > div.fnItems > div:nth-child(even) {
    margin-left: 70px;
  }
  body.fontSizePlus2 > #whole > #container #bodyCol1 > div > .bubBody .bible > .bibleFeet > div.fnContainer > div.fnItems > div:nth-child(even) {
    margin-left: 75px;
  }
  body.fontSizePlus3 > #whole > #container #bodyCol1 > div > .bubBody .bible > .bibleFeet > div.fnContainer > div.fnItems > div:nth-child(even) {
    margin-left: 90px;
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody .bible > .bibleFeet > div.fnContainer > div.fnItems > div:nth-child(even) {
    margin-left: 115px;
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData td,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData td {
    font-size: 18px;
  }
}

@media screen and (min-width: 64em) {
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody {
    font-size: 2.2em;
    /*#wordsTbody > .row > .columns:last-child { padding-left: 60px; }*/
  }
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectedSearchImg {
    font-size: 12.096px;
  }
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #searchWedgeSelectBox {
    min-width: 91px;
  }
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .tablet-order-3,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #wordsTbody .row .tablet-order-3 {
    padding-left: 56px;
  }
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools {
    top: -39px;
  }
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools > span > span.notif {
    top: 4px;
  }
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #htaTableDiv > .bibleTable .columns.tablet-order-3 {
    padding-left: 65px;
  }
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
    top: -39px;
  }
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
    top: -32px;
  }
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #bibleTable .row .columns.bVerse__col-three {
    padding-left: 70px;
  }
  @-moz-document url-prefix() {
    body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody #words > #interruptDiv > .interTools {
      top: -40px;
    }
    body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div#interTools {
      top: -40px;
    }
    body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row.interrupt .columns > div > div.interClose {
      top: -33px;
    }
  }
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .hebrewOT,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .hebrewOT,
  body.fontSizePlus4 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .greekNT,
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .greekNT {
    font-size: 24px;
  }
  body.fontSizePlus5 > #whole > #container {
    width: 1108px;
  }
  body.fontSizePlus5 .row {
    max-width: 1108px;
  }
  body.fontSizePlus5 .row .bodyCol-wrapper {
    max-width: 1108px;
  }
  body.fontSizePlus5 > #whole > #container #bodyCol1 {
    width: 725px;
    max-width: 725px;
  }
  body.fontSizePlus5 > #whole > #container > #pageControls {
    right: 399px;
  }
  body.fontSizePlus5 > #whole > #container.fullColumn #bodyCol1 {
    width: 1069px;
    max-width: 1069px;
  }
  body.fontSizePlus5 > #whole > #container.fullColumn #pageControls {
    right: 56px;
  }
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody .bible .bibleTable .row > .columns + td + td {
    width: 471px;
  }
  body.fontSizePlus5 > #whole > #container #bodyCol1 > div > .bubBody .bible > .bibleFeet > div.fnContainer > div.fnItems > div:nth-child(even) {
    margin-left: 155px;
  }
}

body.fontTypeArial > #whole > #container #bodyCol1 > div > .bubBody * {
  font-family: arial,helvetica,sans serif;
}

body.fontTypeTrebuchet > #whole > #container #bodyCol1 > div > .bubBody * {
  font-family: trebuchet ms,helvetica,sans serif;
}

body.fontTypeGeorgia > #whole > #container #bodyCol1 > div > .bubBody * {
  font-family: georgia,serif;
}

body.fontTypeTimes > #whole > #container #bodyCol1 > div > .bubBody * {
  font-family: times new roman,times,serif;
}

body.fontTypeArial #appCiteDrop > div > #appCiteBox > div.citeCont,
body.fontTypeTrebuchet #appCiteDrop > div > #appCiteBox > div.citeCont,
body.fontTypeGeorgia #appCiteDrop > div > #appCiteBox > div.citeCont,
body.fontTypeTimes #appCiteDrop > div > #appCiteBox > div.citeCont,
body.fontTypeArial > #whole > #container #bodyCol1 > div > div > div > .code *,
body.fontTypeTrebuchet > #whole > #container #bodyCol1 > div > div > div > .code *,
body.fontTypeGeorgia > #whole > #container #bodyCol1 > div > div > div > .code *,
body.fontTypeTimes > #whole > #container #bodyCol1 > div > div > div > .code *,
body.fontTypeArial #appCiteDrop > div > #appCiteBox > div.citeCont *,
body.fontTypeTrebuchet #appCiteDrop > div > #appCiteBox > div.citeCont *,
body.fontTypeGeorgia #appCiteDrop > div > #appCiteBox > div.citeCont *,
body.fontTypeTimes #appCiteDrop > div > #appCiteBox > div.citeCont *,
body.fontTypeArial > div > div > #bodyCol1.webtools > .bubble > .bubBody > div div.code > p,
body.fontTypeTrebuchet > div > div > #bodyCol1.webtools > .bubble > .bubBody > div div.code > p,
body.fontTypeGeorgia > div > div > #bodyCol1.webtools > .bubble > .bubBody > div div.code > p,
body.fontTypeTimes > div > div > #bodyCol1.webtools > .bubble > .bubBody > div div.code > p {
  font-family: AndaleMonoRegular,courier new,courier,monotype,system;
}

body.fontH_SBLHebrew > #whole > #container #bodyCol1 > div > .bubBody table#bibleTable .row > .columns span.hcsb_he,
body.fontH_SBLHebrew > #whole > #container #bodyCol1 > div > .bubBody table#bibleTable .row > .columns span.heb,
body.fontH_SBLHebrew > #whole > #container #bodyCol1 > div > .bubBody .hebrewOT > p.text > span,
body.fontH_SBLHebrew > #whole > #container #bodyCol1 > div > .bubBody .Hb,
body.fontH_SBLHebrew > #whole > #container #bodyCol1 > div > .bubBody .lexTitleHb,
body.fontH_SBLHebrew > div#popupDiv > div#popupDivContents > div > p span.lexTitleHb,
body.fontH_SBLHebrew > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .hebrewOT > p,
body.fontH_SBLHebrew > #whole > #container #bodyCol1 > div > .bubBody > .bible #corrData .HebBibleText,
body.fontH_SBLHebrew > #whole > #container #bodyCol1 > .bubble > #bubBody > #commData.guzik_david span.HebrewSM,
body.fontH_SBLHebrew > #whole > #container > #bodyCol1 > div.bubble > div.bubBody div > div#multiResults.HebBibleText > p,
body.fontH_SBLHebrew > #whole > #container #bodyCol1 > div > .bubBody .HebBibleText {
  font-family: blbHebrew;
}

body.fontH_Arial > #whole > #container #bodyCol1 > div > .bubBody table#bibleTable .row > .columns > span.hcsb_he,
body.fontH_Arial > #whole > #container #bodyCol1 > div > .bubBody table#bibleTable .row > .columns span.heb,
body.fontH_Arial > #whole > #container #bodyCol1 > div > .bubBody .hebrewOT > p.text > span,
body.fontH_Arial > #whole > #container #bodyCol1 > div > .bubBody .Hb,
body.fontH_Arial > #whole > #container #bodyCol1 > div > .bubBody .lexTitleHb,
body.fontH_Arial > div#popupDiv > div#popupDivContents > div > p span.lexTitleHb,
body.fontH_Arial > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .hebrewOT > p,
body.fontH_Arial > #whole > #container #bodyCol1 > div > .bubBody > .bible #corrData .HebBibleText,
body.fontH_Arial > #whole > #container #bodyCol1 > .bubble > #bubBody > #commData.guzik_david span.HebrewSM,
body.fontH_Arial > #whole > #container > #bodyCol1 > div.bubble > div.bubBody div > div#multiResults.HebBibleText > p,
body.fontH_Arial > #whole > #container #bodyCol1 > div > .bubBody .HebBibleText {
  font-family: arial,helvetica,sans serif;
}

body.fontH_Times > #whole > #container #bodyCol1 > div > .bubBody table#bibleTable .row > .columns > span.hcsb_he,
body.fontH_Times > #whole > #container #bodyCol1 > div > .bubBody table#bibleTable .row > .columns span.heb,
body.fontH_Times > #whole > #container #bodyCol1 > div > .bubBody .hebrewOT > p.text > span,
body.fontH_Times > #whole > #container #bodyCol1 > div > .bubBody .Hb,
body.fontH_Times > #whole > #container #bodyCol1 > div > .bubBody .lexTitleHb,
body.fontH_Times > div#popupDiv > div#popupDivContents > div > p span.lexTitleHb,
body.fontH_Times > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .hebrewOT > p,
body.fontH_Times > #whole > #container #bodyCol1 > div > .bubBody > .bible #corrData .HebBibleText,
body.fontH_Times > #whole > #container #bodyCol1 > .bubble > #bubBody > #commData.guzik_david span.HebrewSM,
body.fontH_Times > #whole > #container > #bodyCol1 > div.bubble > div.bubBody div > div#multiResults.HebBibleText > p,
body.fontH_Times > #whole > #container #bodyCol1 > div > .bubBody .HebBibleText {
  font-family: times new roman,times,serif;
}

body.bible > div#whole > div#container > div#bodyCol1 > div.bubble > div.bubBody > div.bible > table#bibleTable .row > .columns > #interruptDiv > #concData > #interlinear > table > tbody > tr > td .lexTitleGk,
div#popupDiv > div#popupDivContents > div > p span.lexTitleGk,
body.fontG_Gentium > #whole > #container #bodyCol1 > div > .bubBody .greekNT > p.text > span,
body.fontG_Gentium > #whole > #container #bodyCol1 > div > .bubBody .Gk,
body.fontG_Gentium > #whole > #container #bodyCol1 > div > .bubBody .lexTitleGk,
body.fontG_Gentium > div#popupDiv > div#popupDivContents > div > p span.lexTitleGk,
body.fontG_Gentium > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .greekNT > p,
body.fontG_Gentium > #whole > #container #bodyCol1 > div > .bubBody > .bible #corrData .GkBibleText,
body.fontG_Gentium > #whole > #container #bodyCol1 > .bubble > #bubBody > #commData.guzik_david span.GreekSM,
body.fontG_Gentium > #whole > #container #bodyCol1 > div > .bubBody .GkBibleText {
  font-family: blbGentium;
}

body.fontG_Arial > #whole > #container #bodyCol1 > div > .bubBody .greekNT > p.text > span,
body.fontG_Arial > #whole > #container #bodyCol1 > div > .bubBody .Gk,
body.fontG_Arial > #whole > #container #bodyCol1 > div > .bubBody .lexTitleGk,
body.fontG_Arial > div#popupDiv > div#popupDivContents > div > p span.lexTitleGk,
body.fontG_Arial > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .greekNT > p,
body.fontG_Arial > #whole > #container #bodyCol1 > div > .bubBody > .bible #corrData .GkBibleText,
body.fontG_Arial > #whole > #container #bodyCol1 > .bubble > #bubBody > #commData.guzik_david span.GreekSM,
body.fontG_Arial > #whole > #container #bodyCol1 > div > .bubBody .GkBibleText {
  font-family: arial,helvetica,sans serif;
}

body.fontG_Times > #whole > #container #bodyCol1 > div > .bubBody .greekNT > p.text > span,
body.fontG_Times > #whole > #container #bodyCol1 > div > .bubBody .Gk,
body.fontG_Times > #whole > #container #bodyCol1 > div > .bubBody .lexTitleGk,
body.fontG_Times > div#popupDiv > div#popupDivContents > div > p span.lexTitleGk,
body.fontG_Times > #whole > #container #bodyCol1 > div > .bubBody > .bible #concData .greekNT > p,
body.fontG_Times > #whole > #container #bodyCol1 > div > .bubBody > .bible #corrData .GkBibleText,
body.fontG_Times > #whole > #container #bodyCol1 > .bubble > #bubBody > #commData.guzik_david span.GreekSM,
body.fontG_Times > #whole > #container #bodyCol1 > div > .bubBody .GkBibleText {
  font-family: times new roman,times,serif;
}

body > #whole > #container #bodyCol1 > div > .bubBody > #words #pageCont * {
  font-size: 13px;
}

body > #whole > #container #bodyCol1 > .bubble > #bubBody > #dictLetters > span,
body > #whole > #container #bodyCol1 > .bubble > #bubBody > #dictLetters > span > a,
body > #whole > #container #bodyCol1 > .bubble > #bubBody > #dictHead > div + div > a {
  font-family: 'URWEgyptienneTMedRegular',Georgia,helvetica,verdana,arial,sans serif;
}

body.fontTypeGeorgia .strongsPlus, body.fontTypeGeorgia .strongsX {
  display: inline-block;
  position: relative;
  top: -1px;
}

/* body > #whole > #container #bodyCol1 > div > .bubBody > #lexicon .strongsDagger, body > #whole > #container #bodyCol1 > div > .bubBody > #lexicon .strongsDagger a {font-family:times new roman;font-weight:bold;font-size:1.2em;position:relative;top:-1px;} */
.strongsDagger, .strongsDagger a {
  font-family: times new roman !important;
  font-weight: bold;
  font-size: 1.2em;
  position: relative;
  top: -1px;
}

@media screen and (max-width: 63.9375em) {
  body:not(.viewport) #bodyCol1 > .bubble > .bubHead > div > #pageControls {
    display: none;
  }
}

@media screen and (max-width: 51.1875em) {
  body:not(.viewport) div.toolPop {
    display: none !important;
  }
  body:not(.viewport) #whole {
    overflow-x: hidden;
  }
}

@media screen and (max-width: 39.9375em) {
  body:not(.viewport) {
    background: #fff;
    line-height: 1.6;
  }
  body:not(.viewport) #crumbs {
    display: none;
  }
  body:not(.viewport) #pageDesc {
    font-size: 1rem;
  }
  body:not(.viewport) .siteDesc {
    width: calc(100% - 2rem);
    margin: 12% 1rem 0;
  }
  body:not(.viewport) .__tt-trimtext {
    margin: 0 !important;
    padding-bottom: 2rem !important;
  }
  body:not(.viewport) .__tt-toggle-wrap {
    max-height: 102.4px;
    overflow: hidden;
    margin: 0 !important;
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease;
  }
  body:not(.viewport) .__tt-toggle-wrap.is-open {
    max-height: 2500px !important;
  }
  body:not(.viewport) .__tt-toggle-link {
    display: block;
    margin-top: 1rem;
  }
  body:not(.viewport) #popupDiv {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  body:not(.viewport) #popupDiv #popupDivHndl {
    display: none;
  }
  body:not(.viewport) #popupDiv #popupDivHndl + div {
    border: 1px solid #355488;
    border-radius: 4px 0px 4px 4px;
  }
  body:not(.viewport) #popupDiv .close {
    background-color: #e0e8f0;
    right: 0;
    top: -24px;
    border-bottom: none;
    height: 25px;
    width: auto;
    border-radius: 4px 4px 0px 0px;
    padding: 0 5px;
  }
  body:not(.viewport) #popupDiv .close span {
    top: 0;
  }
}

@media screen and (max-width: 51.25em) {
  body:not(.viewport) #popupDiv {
    z-index: 1 !important;
  }
}

@media screen and (max-width: 51.25em) {
  body:not(.viewport) input[type="text"],
  body:not(.viewport) input[type="password"],
  body:not(.viewport) input[type="email"],
  body:not(.viewport) select {
    font-size: 16px;
  }
}

@media screen and (max-width: 63.9375em) {
  body:not(.viewport) input[type="submit"] {
    font-size: 16px;
  }
}

body.viewport {
  background: #e9eef1 url(/assets/images/bg.gif);
  min-width: 905px;
  line-height: normal;
}

body.viewport article,
body.viewport aside,
body.viewport details,
body.viewport figcaption,
body.viewport figure,
body.viewport footer,
body.viewport header,
body.viewport hgroup,
body.viewport main,
body.viewport menu,
body.viewport nav,
body.viewport section,
body.viewport summary {
  display: block !important;
}

body.viewport input[type="text"], body.viewport input[type="password"], body.viewport input[type="email"], body.viewport select {
  font-size: 12px;
}

body.viewport button {
  padding: 2px 7px;
}

body.viewport .medium-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100%/12);
          flex: 0 0 calc(100%/12);
  max-width: calc(100%/12);
}

body.viewport .medium-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(200%/12);
          flex: 0 0 calc(200%/12);
  max-width: calc(200%/12);
}

body.viewport .medium-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(300%/12);
          flex: 0 0 calc(300%/12);
  max-width: calc(300%/12);
}

body.viewport .medium-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(400%/12);
          flex: 0 0 calc(400%/12);
  max-width: calc(400%/12);
}

body.viewport .medium-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(500%/12);
          flex: 0 0 calc(500%/12);
  max-width: calc(500%/12);
}

body.viewport .medium-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(600%/12);
          flex: 0 0 calc(600%/12);
  max-width: calc(600%/12);
}

body.viewport .medium-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(700%/12);
          flex: 0 0 calc(700%/12);
  max-width: calc(700%/12);
}

body.viewport .medium-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(800%/12);
          flex: 0 0 calc(800%/12);
  max-width: calc(800%/12);
}

body.viewport .medium-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(900%/12);
          flex: 0 0 calc(900%/12);
  max-width: calc(900%/12);
}

body.viewport .medium-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(1000%/12);
          flex: 0 0 calc(1000%/12);
  max-width: calc(1000%/12);
}

body.viewport .medium-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(1100%/12);
          flex: 0 0 calc(1100%/12);
  max-width: calc(1100%/12);
}

body.viewport .medium-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(1200%/12);
          flex: 0 0 calc(1200%/12);
  max-width: calc(1200%/12);
}

body.viewport .tablet-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100%/12);
          flex: 0 0 calc(100%/12);
  max-width: calc(100%/12);
}

body.viewport .tablet-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(200%/12);
          flex: 0 0 calc(200%/12);
  max-width: calc(200%/12);
}

body.viewport .tablet-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(300%/12);
          flex: 0 0 calc(300%/12);
  max-width: calc(300%/12);
}

body.viewport .tablet-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(400%/12);
          flex: 0 0 calc(400%/12);
  max-width: calc(400%/12);
}

body.viewport .tablet-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(500%/12);
          flex: 0 0 calc(500%/12);
  max-width: calc(500%/12);
}

body.viewport .tablet-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(600%/12);
          flex: 0 0 calc(600%/12);
  max-width: calc(600%/12);
}

body.viewport .tablet-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(700%/12);
          flex: 0 0 calc(700%/12);
  max-width: calc(700%/12);
}

body.viewport .tablet-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(800%/12);
          flex: 0 0 calc(800%/12);
  max-width: calc(800%/12);
}

body.viewport .tablet-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(900%/12);
          flex: 0 0 calc(900%/12);
  max-width: calc(900%/12);
}

body.viewport .tablet-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(1000%/12);
          flex: 0 0 calc(1000%/12);
  max-width: calc(1000%/12);
}

body.viewport .tablet-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(1100%/12);
          flex: 0 0 calc(1100%/12);
  max-width: calc(1100%/12);
}

body.viewport .tablet-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(1200%/12);
          flex: 0 0 calc(1200%/12);
  max-width: calc(1200%/12);
}

body.viewport .large-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100%/12);
          flex: 0 0 calc(100%/12);
  max-width: calc(100%/12);
}

body.viewport .large-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(200%/12);
          flex: 0 0 calc(200%/12);
  max-width: calc(200%/12);
}

body.viewport .large-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(300%/12);
          flex: 0 0 calc(300%/12);
  max-width: calc(300%/12);
}

body.viewport .large-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(400%/12);
          flex: 0 0 calc(400%/12);
  max-width: calc(400%/12);
}

body.viewport .large-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(500%/12);
          flex: 0 0 calc(500%/12);
  max-width: calc(500%/12);
}

body.viewport .large-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(600%/12);
          flex: 0 0 calc(600%/12);
  max-width: calc(600%/12);
}

body.viewport .large-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(700%/12);
          flex: 0 0 calc(700%/12);
  max-width: calc(700%/12);
}

body.viewport .large-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(800%/12);
          flex: 0 0 calc(800%/12);
  max-width: calc(800%/12);
}

body.viewport .large-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(900%/12);
          flex: 0 0 calc(900%/12);
  max-width: calc(900%/12);
}

body.viewport .large-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(1000%/12);
          flex: 0 0 calc(1000%/12);
  max-width: calc(1000%/12);
}

body.viewport .large-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(1100%/12);
          flex: 0 0 calc(1100%/12);
  max-width: calc(1100%/12);
}

body.viewport .large-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(1200%/12);
          flex: 0 0 calc(1200%/12);
  max-width: calc(1200%/12);
}

body.viewport .mobile-actions {
  display: none;
}

body.viewport .tablet-offset-4 {
  margin-left: 33.33333%;
}

body.viewport a.show-for-medium,
body.viewport a.show-for-tablet,
body.viewport a.show-for-large,
body.viewport span.show-for-medium,
body.viewport span.show-for-tablet,
body.viewport span.show-for-large,
body.viewport img.show-for-medium,
body.viewport img.show-for-tablet,
body.viewport img.show-for-large {
  display: inline !important;
}

body.viewport button.show-for-medium,
body.viewport button.show-for-tablet,
body.viewport button.show-for-large,
body.viewport select.show-for-medium,
body.viewport select.show-for-tablet,
body.viewport select.show-for-large,
body.viewport input.show-for-medium,
body.viewport input.show-for-tablet,
body.viewport input.show-for-large {
  display: inline-block !important;
}

body.viewport #blbBibleProxyDiv,
body.viewport #crumbs,
body.viewport br.show-for-medium,
body.viewport br.show-for-tablet,
body.viewport br.show-for-large,
body.viewport hr.show-for-medium,
body.viewport hr.show-for-tablet,
body.viewport hr.show-for-large,
body.viewport h1.show-for-medium,
body.viewport h1.show-for-tablet,
body.viewport h1.show-for-large,
body.viewport h2.show-for-medium,
body.viewport h2.show-for-tablet,
body.viewport h2.show-for-large,
body.viewport ul.show-for-medium,
body.viewport ul.show-for-tablet,
body.viewport ul.show-for-large,
body.viewport p.show-for-medium,
body.viewport p.show-for-tablet,
body.viewport p.show-for-large,
body.viewport div.show-for-tablet,
body.viewport div.show-for-medium,
body.viewport div.show-for-large {
  display: block !important;
}

body.viewport table.show-for-medium,
body.viewport table.show-for-tablet,
body.viewport table.show-for-large {
  display: table !important;
}

body.viewport li.show-for-medium,
body.viewport li.show-for-tablet,
body.viewport li.show-for-large {
  display: list-item !important;
}

body.viewport div.hide-for-mediumPlus,
body.viewport div.hide-for-small,
body.viewport div.hide-for-medium,
body.viewport div.hide-for-tablet,
body.viewport div.hide-for-large,
body.viewport p.hide-for-mediumPlus,
body.viewport p.hide-for-small,
body.viewport p.hide-for-medium,
body.viewport p.hide-for-tablet,
body.viewport p.hide-for-large,
body.viewport ul.hide-for-mediumPlus,
body.viewport ul.hide-for-small,
body.viewport ul.hide-for-medium,
body.viewport ul.hide-for-tablet,
body.viewport ul.hide-for-large,
body.viewport h2.hide-for-mediumPlus,
body.viewport h2.hide-for-small,
body.viewport h2.hide-for-medium,
body.viewport h2.hide-for-tablet,
body.viewport h2.hide-for-large,
body.viewport .hide-for-mediumPlus,
body.viewport .hide-for-small,
body.viewport .hide-for-medium,
body.viewport .hide-for-tablet,
body.viewport .hide-for-large {
  display: none !important;
}

body.viewport .medium-text-left {
  text-align: left;
}

body.viewport #whole.wholeTop {
  padding-top: 90px;
  min-width: 1000px;
}

body.viewport.bible > #whole.wholeTop,
body.viewport.lexicon > #whole.wholeTop,
body.viewport.hta > #whole.wholeTop,
body.viewport.search > #whole.wholeTop,
body.viewport.commView #whole.wholeTop {
  padding-top: 113px;
}

body.viewport.bible > #whole.wholeTop .bodyCol-wrapper,
body.viewport.lexicon > #whole.wholeTop .bodyCol-wrapper,
body.viewport.hta > #whole.wholeTop .bodyCol-wrapper,
body.viewport.search > #whole.wholeTop .bodyCol-wrapper,
body.viewport.commView #whole.wholeTop .bodyCol-wrapper {
  min-width: 1000px;
}

body.viewport div#bodyCol1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  max-width: 100%;
  max-width: 656px;
}

body.viewport div#bodyCol2 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 338px;
}

body.viewport .nav-menu.top {
  min-width: 905px;
}

body.viewport #bodyCol1 > .bubble > .bubHead > div > #pageControls,
body.viewport #bodyCol1 > .bubble > .bubHead > div > .squisher {
  display: block;
}

body.viewport .bubble .bubHead {
  background-color: #637a9f;
  border: solid #355488 1px;
  border-bottom: solid #526b95 1px;
  padding: 1px 1px 0;
  border-radius: 3px 3px 0 0;
}

body.viewport .bubble .bubHead > div {
  position: relative;
  background-color: #587096;
  border: solid #5c749a 2px;
  border-bottom: solid #526b95 0;
  padding: 1px 1px 0;
  border-radius: 2px 2px 0 0;
}

body.viewport .bubble .bubHead > div > h1,
body.viewport .bubble .bubHead > div > h6 {
  background-color: #627b9f;
  border: solid #6980a3 1px;
  border-bottom: solid #526b95 0;
  color: #fff;
  font-family: verdana,helvetica;
  font-size: .75em;
  font-weight: bold;
  letter-spacing: .02em;
  text-shadow: #355488 1px 1px 0;
  text-align: left;
  padding: 4px 42px 4px 7px;
  margin: 0;
}

body.viewport .bubble .bubBody {
  font-family: arial,helvetica;
  font-size: 1em;
  background-color: #fcfdfd;
  border: solid #c5d2e0 1px;
  border-width: 0 1px 1px;
  border-radius: 0 0 3px 3px;
  padding: 0 1px 1px;
}

body.viewport .bubble .bubBody ~ .bubBody {
  border-width: 1px;
  padding: 1px;
  border-radius: 3px 3px 3px 3px;
}

body.viewport {
  /* ######################### Bible Table ######################### */
}

body.viewport div.toolPop {
  -webkit-transform: scale(1);
  transform: scale(1);
}

body.viewport .bible .bibleTable {
  /* ######################### The Wedge ######################### */
}

body.viewport .bible .bibleTable .tablet-order-1 {
  max-width: 80px;
  padding: 0 10px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

body.viewport .bible .bibleTable .tablet-order-1 p {
  margin-top: 5px;
}

body.viewport .bible .bibleTable .tablet-order-2 {
  display: block !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 105px;
  padding: 0 5px 0 0;
  text-align: left;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

body.viewport .bible .bibleTable .tablet-order-2 p > a {
  padding-left: 3px;
}

body.viewport .bible .bibleTable .tablet-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

body.viewport .bible .bibleTable .tablet-order-3 span.pMarkers {
  display: inline;
}

body.viewport .bible .bibleTable div.row.verseSelected div.tablet-order-3 > div {
  border-color: #d3dae4;
  background-color: #e9eef1;
  border-radius: 3px;
}

body.viewport .bible .bibleTable #interruptRow {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: none;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div {
  border: solid #ccca91 1px;
  border-width: 1px 0;
  background-color: #fcfbec;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv {
  /* ######################### Conc Rules ######################### */
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv.concTab {
  background-color: #78b4e0;
  border-color: #3089df;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv.biblesTab {
  background-color: #e0a778;
  border-color: #d78429;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv.corrTab {
  background-color: #aea8ce;
  border-color: #8477b1;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv.commsTab {
  background-color: #9cb07c;
  border-color: #729844;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv.refsTab {
  background-color: #d18c88;
  border-color: #c5594a;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv.miscTab {
  background-color: #76d9d9;
  border-color: #77aeb1;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv.sermonAudioTab {
  background-color: #646464;
  border-color: #3F3F3F;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #concData > .greekNT {
  border: solid #d1dbe6 1px;
  border-width: 1px 0;
  padding: 20px;
  margin: 4px 0;
  background-color: #fffff9;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #concData > .hebrewOT {
  border: solid #d1dbe6 1px;
  border-width: 1px 0;
  padding: 25px 20px 15px;
  margin: 4px 0;
  background-color: #fffff9;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #concData > .hebrewOT p.show-for-tablet.hebrewoptions {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #concData > #interlinear > #TBconc {
  border: 1px solid #d1dbe6;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #concData > #interlinear > #TBconc .row:not(.header-row):not(#concTable):hover {
  background-color: #e8e6b8;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #concData > #interlinear > #TBconc .row .columns .lexPronunc {
  padding-top: 4px;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #concData > #interlinear > #TBconc .row .columns:first-child {
  padding-left: 7px;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #concData > #interlinear > #TBconc .row .columns:last-child {
  padding-right: 3px;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #verData > #verDataTable {
  border: 1px solid #d1dbe6;
  border-top: none;
  background-color: #fff;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #verData > #verDataTable .row > .columns:first-child a:hover {
  background-color: #52627c;
  border: solid #3c485b 1px;
  color: #e9eef1;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #verData > #verDataTable .row > .row:hover {
  background-color: #fffdd3;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #verData > #verDataTable .row:not(.header-row) > .columns {
  border-top: 1px solid #f9fafb;
  font-size: .9em;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #verData > #verDataTable .row:not(.header-row) > .columns:first-child a {
  cursor: pointer;
  background-color: #bbcada;
  border: solid #91a6c3 1px;
  padding: 10px 0;
  font-weight: bold;
  width: 100%;
  font-size: .9em;
  text-align: center;
  display: block;
  border-radius: 6px;
  max-width: 100px;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #commData > #commDataTable .row > .columns > ul > li > p.toggle-sign:before {
  content: '';
  width: 0;
  margin: 0;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #commData > #commDataTable .row > .columns > ul > #studyTools > ul ul > li {
  font-size: .85em;
  text-indent: -15px;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #commData > #commDataTable .row > .columns > ul > li > ul > li {
  font-size: .85em;
  text-indent: -15px;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #commData > #commDataTable .row > .columns > ul > li > ul > li:hover {
  background-color: #fffdd3;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #corrData > .tsk > .tskResults > .tskResultsTable .row .row .columns.tablet-order-1 {
  max-width: 70px;
  padding-left: 0;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #corrData > .tsk > .tskResults > .tskResultsTable .row .row .columns.bVerse__col-three {
  padding-left: 15px;
  padding-right: 0;
}

body.viewport .bible .bibleTable #interruptRow > .columns > div#interruptDiv #corrData > .tsk > .tskResults > .tskResultsTable .row .row .columns.bVerse__col-three div:hover {
  border-color: #8477B1;
  background-color: #D9D4EB;
}

body .nav-menu .nav-verse-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}