@charset "UTF-8";
/*# BASE #*/
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

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

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 4 */ }

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

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

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

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

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

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * 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.
 */
img {
  border: 0; }

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

/*# MAKE ALL COMPASS MIXINS AVAILABLE #*/
/*----------------------------------------------------------------------------------------------------------
#############################################  VARIABLES NOT COVERED BY THE FOUNDATION VARIABLES
----------------------------------------------------------------------------------------------------------*/
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: #f7f7f7;
  color: #424242;
  padding: 0;
  margin: 0;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

footer {
  margin-top: auto; }

a:hover {
  cursor: pointer; }

a:focus {
  outline: none; }

img,
object,
embed {
  /*max-width: 100%;*/
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

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

.left {
  float: left !important; }

.right {
  float: right !important; }

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

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

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

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

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 66.25em;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse .column,
  .row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row .row {
    width: auto;
    margin-left: -0.625em;
    margin-right: -0.625em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

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

@media only screen {
  .column,
  .columns {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    float: left; }

  .small-1 {
    position: relative;
    width: 6.25%; }

  .small-2 {
    position: relative;
    width: 12.5%; }

  .small-3 {
    position: relative;
    width: 18.75%; }

  .small-4 {
    position: relative;
    width: 25%; }

  .small-5 {
    position: relative;
    width: 31.25%; }

  .small-6 {
    position: relative;
    width: 37.5%; }

  .small-7 {
    position: relative;
    width: 43.75%; }

  .small-8 {
    position: relative;
    width: 50%; }

  .small-9 {
    position: relative;
    width: 56.25%; }

  .small-10 {
    position: relative;
    width: 62.5%; }

  .small-11 {
    position: relative;
    width: 68.75%; }

  .small-12 {
    position: relative;
    width: 75%; }

  .small-13 {
    position: relative;
    width: 81.25%; }

  .small-14 {
    position: relative;
    width: 87.5%; }

  .small-15 {
    position: relative;
    width: 93.75%; }

  .small-16 {
    position: relative;
    width: 100%; }

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

  .small-offset-1 {
    position: relative;
    margin-left: 6.25%; }

  .small-offset-2 {
    position: relative;
    margin-left: 12.5%; }

  .small-offset-3 {
    position: relative;
    margin-left: 18.75%; }

  .small-offset-4 {
    position: relative;
    margin-left: 25%; }

  .small-offset-5 {
    position: relative;
    margin-left: 31.25%; }

  .small-offset-6 {
    position: relative;
    margin-left: 37.5%; }

  .small-offset-7 {
    position: relative;
    margin-left: 43.75%; }

  .small-offset-8 {
    position: relative;
    margin-left: 50%; }

  .small-offset-9 {
    position: relative;
    margin-left: 56.25%; }

  .small-offset-10 {
    position: relative;
    margin-left: 62.5%; }

  .small-offset-11 {
    position: relative;
    margin-left: 68.75%; }

  .small-offset-12 {
    position: relative;
    margin-left: 75%; }

  .small-offset-13 {
    position: relative;
    margin-left: 81.25%; }

  .small-offset-14 {
    position: relative;
    margin-left: 87.5%; }

  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
  .large-1 {
    position: relative;
    width: 6.25%; }

  .large-2 {
    position: relative;
    width: 12.5%; }

  .large-3 {
    position: relative;
    width: 18.75%; }

  .large-4 {
    position: relative;
    width: 25%; }

  .large-5 {
    position: relative;
    width: 31.25%; }

  .large-6 {
    position: relative;
    width: 37.5%; }

  .large-7 {
    position: relative;
    width: 43.75%; }

  .large-8 {
    position: relative;
    width: 50%; }

  .large-9 {
    position: relative;
    width: 56.25%; }

  .large-10 {
    position: relative;
    width: 62.5%; }

  .large-11 {
    position: relative;
    width: 68.75%; }

  .large-12 {
    position: relative;
    width: 75%; }

  .large-13 {
    position: relative;
    width: 81.25%; }

  .large-14 {
    position: relative;
    width: 87.5%; }

  .large-15 {
    position: relative;
    width: 93.75%; }

  .large-16 {
    position: relative;
    width: 100%; }

  .row .large-offset-0 {
    position: relative;
    margin-left: 0%; }

  .row .large-offset-1 {
    position: relative;
    margin-left: 6.25%; }

  .row .large-offset-2 {
    position: relative;
    margin-left: 12.5%; }

  .row .large-offset-3 {
    position: relative;
    margin-left: 18.75%; }

  .row .large-offset-4 {
    position: relative;
    margin-left: 25%; }

  .row .large-offset-5 {
    position: relative;
    margin-left: 31.25%; }

  .row .large-offset-6 {
    position: relative;
    margin-left: 37.5%; }

  .row .large-offset-7 {
    position: relative;
    margin-left: 43.75%; }

  .row .large-offset-8 {
    position: relative;
    margin-left: 50%; }

  .row .large-offset-9 {
    position: relative;
    margin-left: 56.25%; }

  .row .large-offset-10 {
    position: relative;
    margin-left: 62.5%; }

  .row .large-offset-11 {
    position: relative;
    margin-left: 68.75%; }

  .row .large-offset-12 {
    position: relative;
    margin-left: 75%; }

  .row .large-offset-13 {
    position: relative;
    margin-left: 81.25%; }

  .row .large-offset-14 {
    position: relative;
    margin-left: 87.5%; }

  .row .large-offset-15 {
    position: relative;
    margin-left: 93.75%; }

  .push-1 {
    position: relative;
    left: 6.25%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 6.25%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 12.5%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 12.5%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 18.75%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 18.75%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 31.25%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 31.25%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 37.5%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 37.5%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 43.75%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 43.75%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 56.25%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 56.25%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 62.5%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 62.5%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 68.75%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 68.75%;
    left: auto; }

  .push-12 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-12 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-13 {
    position: relative;
    left: 81.25%;
    right: auto; }

  .pull-13 {
    position: relative;
    right: 81.25%;
    left: auto; }

  .push-14 {
    position: relative;
    left: 87.5%;
    right: auto; }

  .pull-14 {
    position: relative;
    right: 87.5%;
    left: auto; }

  .push-15 {
    position: relative;
    left: 93.75%;
    right: auto; }

  .pull-15 {
    position: relative;
    right: 93.75%;
    left: auto; }

  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right !important; } }
/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important; }

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none !important; }

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important; }

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important; }

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  display: table; }

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
  display: table-header-group !important; }

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
  display: table-row-group !important; }

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
  display: table-row !important; }

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
  display: table-cell !important; }

/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 768px) {
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important; }

  .show-for-small {
    display: none !important; }

  .hide-for-small {
    display: inherit !important; }

  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
    display: table; }

  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
    display: table-header-group !important; }

  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
    display: table-row-group !important; }

  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
    display: table-row !important; }

  td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
  th.show-for-medium,
  th.show-for-medium-up,
  th.hide-for-small {
    display: table-cell !important; } }
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1060px) {
  .show-for-large,
  .show-for-large-up {
    display: inherit !important; }

  .show-for-medium,
  .show-for-medium-down {
    display: none !important; }

  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important; }

  .hide-for-large,
  .hide-for-large-up {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
    display: table; }

  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
    display: table-header-group !important; }

  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
    display: table-row-group !important; }

  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
    display: table-row !important; }

  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
  th.show-for-large,
  th.show-for-large-up,
  th.hide-for-medium,
  th.hide-for-medium-down {
    display: table-cell !important; } }
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 1440px) {
  .show-for-xlarge {
    display: inherit !important; }

  .show-for-large,
  .show-for-large-down {
    display: none !important; }

  .hide-for-large,
  .hide-for-large-down {
    display: inherit !important; }

  .hide-for-xlarge {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
    display: table; }

  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
    display: table-header-group !important; }

  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
    display: table-row-group !important; }

  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
    display: table-row !important; }

  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
  th.show-for-xlarge,
  th.hide-for-large,
  th.hide-for-large-down {
    display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

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

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

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

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

  /* Specific visilbity for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }

  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

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

  /* Specific visilbity for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }

  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visilbity for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625em;
    *zoom: 1; }
    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
      content: " ";
      display: table; }
    [class*="block-grid-"]:after {
      clear: both; }
    [class*="block-grid-"] > li {
      display: inline;
      height: auto;
      float: left;
      padding: 0 0.625em 1.25em; }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; }

  .small-block-grid-13 > li {
    width: 7.69231%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-13 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-13 > li:nth-of-type(13n+1) {
      clear: both; }

  .small-block-grid-14 > li {
    width: 7.14286%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-14 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-14 > li:nth-of-type(14n+1) {
      clear: both; }

  .small-block-grid-15 > li {
    width: 6.66667%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-15 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-15 > li:nth-of-type(15n+1) {
      clear: both; }

  .small-block-grid-16 > li {
    width: 6.25%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-16 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-16 > li:nth-of-type(16n+1) {
      clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none; }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none; }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none; }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none; }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none; }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none; }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none; }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none; }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none; }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none; }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none; }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none; }

  .small-block-grid-13 > li:nth-of-type(13n+1) {
    clear: none; }

  .small-block-grid-14 > li:nth-of-type(14n+1) {
    clear: none; }

  .small-block-grid-15 > li:nth-of-type(15n+1) {
    clear: none; }

  .small-block-grid-16 > li:nth-of-type(16n+1) {
    clear: none; }

  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; }

  .large-block-grid-13 > li {
    width: 7.69231%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-13 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-13 > li:nth-of-type(13n+1) {
      clear: both; }

  .large-block-grid-14 > li {
    width: 7.14286%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-14 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-14 > li:nth-of-type(14n+1) {
      clear: both; }

  .large-block-grid-15 > li {
    width: 6.66667%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-15 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-15 > li:nth-of-type(15n+1) {
      clear: both; }

  .large-block-grid-16 > li {
    width: 6.25%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-16 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-16 > li:nth-of-type(16n+1) {
      clear: both; } }
p.lead {
  font-size: 1.21875em;
  line-height: 1.6; }

.subheader {
  line-height: 1.25;
  color: #8f8f8f;
  font-weight: 400;
  margin-top: 0.2em;
  margin-bottom: 0.5em; }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr; }

/* Default Link Styles */
a {
  color: #1c94c6;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #1983b0; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  text-rendering: optimizeLegibility; }
  p aside {
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #424242;
  text-rendering: optimizeLegibility;
  margin-top: 2em;
  margin-bottom: 0.5em;
  line-height: 1.0625em; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 30%;
    color: #8f8f8f;
    line-height: 0; }

h1 {
  font-size: 2.375em; }

h2 {
  font-size: 0.875em; }

h3 {
  font-size: 1.0625em; }

h4 {
  font-size: 0.8125em; }

h5 {
  font-size: 1em; }

h6 {
  font-size: 1em; }

hr {
  border: solid #e5e5e5;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 30%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: 400;
  color: #333; }

/* Lists */
ul,
ol,
dl {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: outside;
  font-family: inherit; }

ul, ol {
  margin-left: 0; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25em;
  margin-bottom: 0;
  font-size: 1em;
  /* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square; }
ul.circle {
  list-style-type: circle; }
ul.disc {
  list-style-type: disc; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.25em;
  margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75em; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #424242;
  border-bottom: 1px dotted #e5e5e5;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25em;
  padding: 0.5625em 1.25em 0 1.1875em;
  border-left: 3px solid #e5e5e5; }
  blockquote cite {
    display: block;
    font-size: 1em;
    color: #949494; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #949494; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #424242; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25em 0;
  border: 1px solid #e5e5e5;
  padding: 0.625em 0.75em; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375em; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: auto;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625em; }

@media only screen and (min-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.25; }

  h1 {
    font-size: 3em; }

  h2 {
    font-size: 1.5em; }

  h3 {
    font-size: 1.375em; }

  h4 {
    font-size: 1.125em; } }
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } }
button, .button {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: inherit;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 0.8125em;
  padding-left: 1.5em;
  font-size: 1em;
  background-color: #1c94c6;
  border-color: #1c94c6;
  color: #fff; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #1779a2;
    border-color: #1779a2; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #fff; }
  button.secondary, .button.secondary {
    background-color: #e9e9e9;
    border-color: #e9e9e9;
    color: #333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #d5d5d5;
      border-color: #d5d5d5; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333; }
  button.success, .button.success {
    background-color: #90c352;
    border-color: #90c352;
    color: #fff; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #7caf3d;
      border-color: #7caf3d; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: #fff; }
  button.alert, .button.alert {
    background-color: #df5e54;
    border-color: #df5e54;
    color: #fff; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #d93e32;
      border-color: #d93e32; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: #fff; }
  button.large, .button.large {
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1.0625em;
    padding-left: 2em;
    font-size: 1.25em; }
  button.small, .button.small {
    padding-top: 0.5625em;
    padding-right: 1.125em;
    padding-bottom: 0.625em;
    padding-left: 1.125em;
    font-size: 0.8125em; }
  button.tiny, .button.tiny {
    padding-top: 0.4375em;
    padding-right: 0.875em;
    padding-bottom: 0.5em;
    padding-left: 0.875em;
    font-size: 0.6875em; }
  button.expand, .button.expand {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75em; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75em; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #1c94c6;
    border-color: #1c94c6;
    color: #fff;
    cursor: auto;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #1779a2;
      border-color: #1779a2; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: #fff; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #1c94c6; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e9e9e9;
      border-color: #e9e9e9;
      color: #333;
      cursor: auto;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #d5d5d5;
        border-color: #d5d5d5; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e9e9e9; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #90c352;
      border-color: #90c352;
      color: #fff;
      cursor: auto;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #7caf3d;
        border-color: #7caf3d; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: #fff; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #90c352; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #df5e54;
      border-color: #df5e54;
      color: #fff;
      cursor: auto;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #d93e32;
        border-color: #d93e32; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: #fff; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #df5e54; }

button, .button {
  padding-top: 0.8125em;
  padding-bottom: 0.75em;
  -webkit-appearance: none; }
  button.tiny, .button.tiny {
    padding-top: 0.5em;
    padding-bottom: 0.4375em;
    -webkit-appearance: none; }
  button.small, .button.small {
    padding-top: 0.625em;
    padding-bottom: 0.5625em;
    -webkit-appearance: none; }
  button.large, .button.large {
    padding-top: 1.03125em;
    padding-bottom: 1.03125em;
    -webkit-appearance: none; }

@media only screen {
  button, .button {
    -webkit-box-shadow: 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
    button:active, .button:active {
      -webkit-box-shadow: 0 rgba(0, 0, 0, 0.2) inset;
      box-shadow: 0 rgba(0, 0, 0, 0.2) inset; }
    button.radius, .button.radius {
      -webkit-border-radius: 2px;
      border-radius: 2px; }
    button.round, .button.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; } }
@media only screen and (min-width: 768px) {
  button, .button {
    display: inline-block; } }
/* Standard Forms */
form {
  margin: 0 0 1.25em; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.625em; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.625em; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.625em; }

/* Label Styles */
label {
  font-size: 0.875em;
  color: #424242;
  cursor: pointer;
  display: block;
  font-weight: 400;
  margin-bottom: 0.625em; }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    margin: 0 0 1.25em 0;
    padding: 0.75em 0; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.6875em;
  line-height: 2.6875em; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px; }

.postfix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.prefix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: none;
  color: #262626; }
  span.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px; }

span.postfix {
  background: #f2f2f2;
  border-color: #cccccc;
  border-left: none;
  color: #262626; }
  span.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px; }
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }
.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
  color: #424242;
  display: block;
  font-size: 0.875em;
  margin: 0 0 1.25em 0;
  padding: 0.625em;
  height: 2.6875em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #bfbfbf;
    outline: none; }
  input[type="text"][disabled],
  input[type="password"][disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="month"][disabled],
  input[type="week"][disabled],
  input[type="email"][disabled],
  input[type="number"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  textarea[disabled] {
    background-color: #ddd; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1.25em 0; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* We add basic fieldset styling */
fieldset {
  border: solid 0 #e5e5e5;
  padding: 0;
  margin: 1.875em 0; }
  fieldset legend {
    font-weight: 400;
    background: none;
    padding: 0 0.1875em;
    margin: 0;
    margin-left: -0.1875em; }

/* Error Handling */
.error input,
input.error,
.error textarea,
textarea.error {
  border-color: #df5e54;
  background-color: rgba(223, 94, 84, 0.1); }
  .error input:focus,
  input.error:focus,
  .error textarea:focus,
  textarea.error:focus {
    background: #fafafa;
    border-color: #bfbfbf; }

.error label,
label.error {
  color: #df5e54; }

.error small,
small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: -1.5625em;
  margin-bottom: 1.25em;
  font-size: 0.75em;
  font-weight: bold;
  background: #df5e54;
  color: #fff; }

/* Button Groups */
.button-group {
  list-style: none;
  margin: 0;
  *zoom: 1; }
  .button-group:before, .button-group:after {
    content: " ";
    display: table; }
  .button-group:after {
    clear: both; }
  .button-group > * {
    margin: 0 0 0 -1px;
    float: left; }
    .button-group > *:first-child {
      margin-left: 0; }
  .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px; }
  .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px; }
  .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px; }
  .button-group.even-2 li {
    width: 50%; }
    .button-group.even-2 li button, .button-group.even-2 li .button {
      width: 100%; }
  .button-group.even-3 li {
    width: 33.33333%; }
    .button-group.even-3 li button, .button-group.even-3 li .button {
      width: 100%; }
  .button-group.even-4 li {
    width: 25%; }
    .button-group.even-4 li button, .button-group.even-4 li .button {
      width: 100%; }
  .button-group.even-5 li {
    width: 20%; }
    .button-group.even-5 li button, .button-group.even-5 li .button {
      width: 100%; }
  .button-group.even-6 li {
    width: 16.66667%; }
    .button-group.even-6 li button, .button-group.even-6 li .button {
      width: 100%; }
  .button-group.even-7 li {
    width: 14.28571%; }
    .button-group.even-7 li button, .button-group.even-7 li .button {
      width: 100%; }
  .button-group.even-8 li {
    width: 12.5%; }
    .button-group.even-8 li button, .button-group.even-8 li .button {
      width: 100%; }

.button-bar {
  *zoom: 1; }
  .button-bar:before, .button-bar:after {
    content: " ";
    display: table; }
  .button-bar:after {
    clear: both; }
  .button-bar .button-group {
    float: left;
    margin-right: 0.625em; }
    .button-bar .button-group div {
      overflow: hidden; }

/* Dropdown Button */
.dropdown.button {
  position: relative;
  padding-right: 3.1875em; }
  .dropdown.button:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    top: 50%; }
  .dropdown.button:before {
    border-width: 0.5625em;
    right: 1.5em;
    margin-top: -0.25em; }
  .dropdown.button:before {
    border-color: #fff transparent transparent transparent; }
  .dropdown.button.tiny {
    padding-right: 2.1875em; }
    .dropdown.button.tiny:before {
      border-width: 0.4375em;
      right: 0.875em;
      margin-top: -0.15625em; }
    .dropdown.button.tiny:before {
      border-color: #fff transparent transparent transparent; }
  .dropdown.button.small {
    padding-right: 2.8125em; }
    .dropdown.button.small:before {
      border-width: 0.5625em;
      right: 1.125em;
      margin-top: -0.21875em; }
    .dropdown.button.small:before {
      border-color: #fff transparent transparent transparent; }
  .dropdown.button.large {
    padding-right: 4em; }
    .dropdown.button.large:before {
      border-width: 0.625em;
      right: 1.75em;
      margin-top: -0.3125em; }
    .dropdown.button.large:before {
      border-color: #fff transparent transparent transparent; }
  .dropdown.button.secondary:before {
    border-color: #333 transparent transparent transparent; }

/* Split Buttons */
.split.button {
  position: relative;
  padding-right: 4.8em; }
  .split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px; }
    .split.button span:before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: inset;
      left: 50%; }
    .split.button span:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .split.button span {
    border-left-color: #136283; }
  .split.button span {
    width: 3em; }
    .split.button span:before {
      border-top-style: solid;
      border-width: 0.5625em;
      top: 1.125em;
      margin-left: -0.5625em; }
  .split.button span:before {
    border-color: #fff transparent transparent transparent; }
  .split.button.secondary span {
    border-left-color: #c3c3c3; }
  .split.button.secondary span:before {
    border-color: #fff transparent transparent transparent; }
  .split.button.alert span {
    border-left-color: #c23024; }
  .split.button.success span {
    border-left-color: #699534; }
  .split.button.tiny {
    padding-right: 3.9375em; }
    .split.button.tiny span {
      width: 2.84375em; }
      .split.button.tiny span:before {
        border-top-style: solid;
        border-width: 0.4375em;
        top: 0.875em;
        margin-left: -0.3125em; }
  .split.button.small {
    padding-right: 3.9375em; }
    .split.button.small span {
      width: 2.8125em; }
      .split.button.small span:before {
        border-top-style: solid;
        border-width: 0.5625em;
        top: 0.84375em;
        margin-left: -0.5625em; }
  .split.button.large {
    padding-right: 6em; }
    .split.button.large span {
      width: 3.75em; }
      .split.button.large span:before {
        border-top-style: solid;
        border-width: 0.625em;
        top: 1.3125em;
        margin-left: -0.5625em; }
  .split.button.expand {
    padding-left: 2em; }
  .split.button.secondary span:before {
    border-color: #333 transparent transparent transparent; }
  .split.button.radius span {
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  .split.button.round span {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px; }

/* Flex Video */
.flex-video {
  position: relative;
  padding-top: 1.5625em;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1em;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 57.25%; }
  .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%; }

/* Sections */
.section-container, .section-container.auto {
  width: 100%;
  display: block;
  margin-bottom: 1.25em;
  border: 1px solid #ccc;
  border-top: none; }
  .section-container > section, .section-container > .section, .section-container.auto > section, .section-container.auto > .section {
    position: relative; }
    .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title {
      background-color: #efefef;
      cursor: pointer;
      margin-bottom: 0; }
      .section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
        padding: 0.9375em;
        display: inline-block;
        color: #333;
        font-size: 0.875em;
        white-space: nowrap; }
      .section-container > section > .title:hover, .section-container > .section > .title:hover, .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
        background-color: #e2e2e2; }
    .section-container > section .content, .section-container > .section .content, .section-container.auto > section .content, .section-container.auto > .section .content {
      display: none;
      padding: 0.9375em;
      background-color: #fff; }
      .section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
        margin-bottom: 0; }
      .section-container > section .content > *:first-child, .section-container > .section .content > *:first-child, .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child {
        padding-top: 0; }
      .section-container > section .content > *:last-child:not(.flex-video), .section-container > .section .content > *:last-child:not(.flex-video), .section-container.auto > section .content > *:last-child:not(.flex-video), .section-container.auto > .section .content > *:last-child:not(.flex-video) {
        padding-bottom: 0; }
    .section-container > section.active > .content, .section-container > .section.active > .content, .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
      display: block; }
    .section-container > section.active > .title, .section-container > .section.active > .title, .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
      background: #d6d6d6; }
      .section-container > section.active > .title a, .section-container > .section.active > .title a, .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
        color: #333; }
    .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title {
      top: 0;
      width: 100%;
      margin: 0;
      border-top: solid 1px #ccc; }
      .section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
        width: 100%; }

.section-container.tabs {
  border: 0;
  position: relative; }
  .section-container.tabs > section, .section-container.tabs > .section {
    border: 0;
    position: static; }
    .section-container.tabs > section > .title, .section-container.tabs > .section > .title {
      background-color: #efefef;
      cursor: pointer;
      margin-bottom: 0; }
      .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
        padding: 0.9375em;
        display: inline-block;
        color: #333;
        font-size: 0.875em;
        white-space: nowrap; }
      .section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover {
        background-color: #e2e2e2; }
    .section-container.tabs > section .content, .section-container.tabs > .section .content {
      display: none;
      padding: 0.9375em;
      background-color: #fff; }
      .section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child {
        margin-bottom: 0; }
      .section-container.tabs > section .content > *:first-child, .section-container.tabs > .section .content > *:first-child {
        padding-top: 0; }
      .section-container.tabs > section .content > *:last-child:not(.flex-video), .section-container.tabs > .section .content > *:last-child:not(.flex-video) {
        padding-bottom: 0; }
    .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content {
      display: block; }
    .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
      background: #fff; }
      .section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a {
        color: #333; }
    .section-container.tabs > section > .title, .section-container.tabs > .section > .title {
      width: auto;
      border: solid 1px #ccc;
      border-right: 0;
      border-bottom: 0;
      position: absolute;
      top: 0;
      z-index: 1; }
      .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
        width: 100%; }
    .section-container.tabs > section:last-child .title, .section-container.tabs > .section:last-child .title {
      border-right: solid 1px #ccc; }
    .section-container.tabs > section .content, .section-container.tabs > .section .content {
      border: solid 1px #ccc;
      position: absolute;
      z-index: 10;
      display: none;
      top: -1px; }
    .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
      z-index: 11;
      border-bottom: 0;
      background-color: #fff; }
    .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content {
      position: relative; }

@media only screen and (min-width: 768px) {
  .section-container.auto {
    border: 0;
    position: relative; }
    .section-container.auto > section, .section-container.auto > .section {
      border: 0;
      position: static; }
      .section-container.auto > section > .title, .section-container.auto > .section > .title {
        background-color: #efefef;
        cursor: pointer;
        margin-bottom: 0; }
        .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
          padding: 0.9375em;
          display: inline-block;
          color: #333;
          font-size: 0.875em;
          white-space: nowrap; }
        .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
          background-color: #e2e2e2; }
      .section-container.auto > section .content, .section-container.auto > .section .content {
        display: none;
        padding: 0.9375em;
        background-color: #fff; }
        .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
          margin-bottom: 0; }
        .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child {
          padding-top: 0; }
        .section-container.auto > section .content > *:last-child:not(.flex-video), .section-container.auto > .section .content > *:last-child:not(.flex-video) {
          padding-bottom: 0; }
      .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
        display: block; }
      .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
        background: #fff; }
        .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
          color: #333; }
      .section-container.auto > section > .title, .section-container.auto > .section > .title {
        width: auto;
        border: solid 1px #ccc;
        border-right: 0;
        border-bottom: 0;
        position: absolute;
        top: 0;
        z-index: 1; }
        .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
          width: 100%; }
      .section-container.auto > section:last-child .title, .section-container.auto > .section:last-child .title {
        border-right: solid 1px #ccc; }
      .section-container.auto > section .content, .section-container.auto > .section .content {
        border: solid 1px #ccc;
        position: absolute;
        z-index: 10;
        display: none;
        top: -1px; }
      .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
        z-index: 11;
        border-bottom: 0;
        background-color: #fff; }
      .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
        position: relative; }

  .section-container.accordion .section {
    padding-top: 0 !important; }

  .section-container.vertical-tabs {
    border: 1px solid #ccc;
    position: relative; }
    .section-container.vertical-tabs section,
    .section-container.vertical-tabs .section {
      padding-top: 0 !important;
      border: 0;
      position: static; }
      .section-container.vertical-tabs section > .title,
      .section-container.vertical-tabs .section > .title {
        background-color: #efefef;
        cursor: pointer;
        margin-bottom: 0; }
        .section-container.vertical-tabs section > .title a,
        .section-container.vertical-tabs .section > .title a {
          padding: 0.9375em;
          display: inline-block;
          color: #333;
          font-size: 0.875em;
          white-space: nowrap; }
        .section-container.vertical-tabs section > .title:hover,
        .section-container.vertical-tabs .section > .title:hover {
          background-color: #e2e2e2; }
      .section-container.vertical-tabs section .content,
      .section-container.vertical-tabs .section .content {
        display: none;
        padding: 0.9375em;
        background-color: #fff; }
        .section-container.vertical-tabs section .content > *:last-child,
        .section-container.vertical-tabs .section .content > *:last-child {
          margin-bottom: 0; }
        .section-container.vertical-tabs section .content > *:first-child,
        .section-container.vertical-tabs .section .content > *:first-child {
          padding-top: 0; }
        .section-container.vertical-tabs section .content > *:last-child:not(.flex-video),
        .section-container.vertical-tabs .section .content > *:last-child:not(.flex-video) {
          padding-bottom: 0; }
      .section-container.vertical-tabs section.active > .content,
      .section-container.vertical-tabs .section.active > .content {
        display: block; }
      .section-container.vertical-tabs section.active > .title,
      .section-container.vertical-tabs .section.active > .title {
        background: #d6d6d6; }
        .section-container.vertical-tabs section.active > .title a,
        .section-container.vertical-tabs .section.active > .title a {
          color: #333; }
      .section-container.vertical-tabs section > .title,
      .section-container.vertical-tabs .section > .title {
        position: absolute;
        border-top: solid 1px #ccc;
        width: 12.5em; }
      .section-container.vertical-tabs section:first-child .title,
      .section-container.vertical-tabs .section:first-child .title {
        border-top: 0; }
      .section-container.vertical-tabs section .content,
      .section-container.vertical-tabs .section .content {
        display: block;
        position: relative;
        left: 12.5em;
        border-left: solid 1px #ccc;
        z-index: 10; }
      .section-container.vertical-tabs section.active > .title,
      .section-container.vertical-tabs .section.active > .title {
        background-color: #d6d6d6;
        width: 12.5625em;
        border-right: solid 0 transparent;
        z-index: 11; }
      .section-container.vertical-tabs section.active:last-child .title,
      .section-container.vertical-tabs .section.active:last-child .title {
        border-bottom: 0; }

  .section-container.vertical-nav {
    border: 0;
    position: relative; }
    .section-container.vertical-nav > section, .section-container.vertical-nav > .section {
      padding-top: 0 !important;
      position: relative; }
      .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
        background-color: #efefef;
        cursor: pointer;
        margin-bottom: 0; }
        .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
          padding: 0.9375em;
          display: inline-block;
          color: #333;
          font-size: 0.875em;
          white-space: nowrap; }
        .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover {
          background-color: #e2e2e2; }
      .section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content {
        display: none;
        padding: 0.9375em;
        background-color: #fff; }
        .section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child {
          margin-bottom: 0; }
        .section-container.vertical-nav > section .content > *:first-child, .section-container.vertical-nav > .section .content > *:first-child {
          padding-top: 0; }
        .section-container.vertical-nav > section .content > *:last-child:not(.flex-video), .section-container.vertical-nav > .section .content > *:last-child:not(.flex-video) {
          padding-bottom: 0; }
      .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content {
        display: block; }
      .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title {
        background: #d6d6d6; }
        .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a {
          color: #333; }
      .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
        border-top: none;
        border: solid 1px #ccc; }
        .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
          display: block;
          width: 100%; }
      .section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content {
        display: none; }
      .section-container.vertical-nav > section:first-child .title, .section-container.vertical-nav > .section:first-child .title {
        border-bottom: none; }
      .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content {
        display: block;
        position: absolute;
        left: 100%;
        top: 0px;
        z-index: 999;
        min-width: 12.5em;
        border: solid 1px #ccc; }

  .section-container.horizontal-nav {
    position: relative;
    background: #efefef;
    border: 1px solid #ccc; }
    .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section {
      padding-top: 0;
      border: 0;
      position: static; }
      .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
        background-color: #efefef;
        cursor: pointer;
        margin-bottom: 0; }
        .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
          padding: 0.9375em;
          display: inline-block;
          color: #333;
          font-size: 0.875em;
          white-space: nowrap; }
        .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover {
          background-color: #e2e2e2; }
      .section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content {
        display: none;
        padding: 0.9375em;
        background-color: #fff; }
        .section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child {
          margin-bottom: 0; }
        .section-container.horizontal-nav > section .content > *:first-child, .section-container.horizontal-nav > .section .content > *:first-child {
          padding-top: 0; }
        .section-container.horizontal-nav > section .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > .section .content > *:last-child:not(.flex-video) {
          padding-bottom: 0; }
      .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content {
        display: block; }
      .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title {
        background: #d6d6d6; }
        .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a {
          color: #333; }
      .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
        width: auto;
        border: solid 1px #ccc;
        border-left: 0;
        top: -1px;
        position: absolute;
        z-index: 1; }
        .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
          width: 100%; }
      .section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content {
        display: none; }
      .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content {
        display: block;
        position: absolute;
        z-index: 999;
        left: 0;
        top: -2px;
        min-width: 12.5em;
        border: solid 1px #ccc; } }
.no-js .section-container.auto, .no-js .section-container.accordion, .no-js .section-container.tabs, .no-js .section-container.vertical-tabs, .no-js .section-container.vertical-nav, .no-js .section-container.horizontal-nav {
  width: 100%;
  display: block;
  margin-bottom: 1.25em;
  border: 1px solid #ccc;
  border-top: none; }
  .no-js .section-container.auto > section, .no-js .section-container.auto > .section, .no-js .section-container.accordion > section, .no-js .section-container.accordion > .section, .no-js .section-container.tabs > section, .no-js .section-container.tabs > .section, .no-js .section-container.vertical-tabs > section, .no-js .section-container.vertical-tabs > .section, .no-js .section-container.vertical-nav > section, .no-js .section-container.vertical-nav > .section, .no-js .section-container.horizontal-nav > section, .no-js .section-container.horizontal-nav > .section {
    position: relative; }
    .no-js .section-container.auto > section > .title, .no-js .section-container.auto > .section > .title, .no-js .section-container.accordion > section > .title, .no-js .section-container.accordion > .section > .title, .no-js .section-container.tabs > section > .title, .no-js .section-container.tabs > .section > .title, .no-js .section-container.vertical-tabs > section > .title, .no-js .section-container.vertical-tabs > .section > .title, .no-js .section-container.vertical-nav > section > .title, .no-js .section-container.vertical-nav > .section > .title, .no-js .section-container.horizontal-nav > section > .title, .no-js .section-container.horizontal-nav > .section > .title {
      background-color: #efefef;
      cursor: pointer;
      margin-bottom: 0; }
      .no-js .section-container.auto > section > .title a, .no-js .section-container.auto > .section > .title a, .no-js .section-container.accordion > section > .title a, .no-js .section-container.accordion > .section > .title a, .no-js .section-container.tabs > section > .title a, .no-js .section-container.tabs > .section > .title a, .no-js .section-container.vertical-tabs > section > .title a, .no-js .section-container.vertical-tabs > .section > .title a, .no-js .section-container.vertical-nav > section > .title a, .no-js .section-container.vertical-nav > .section > .title a, .no-js .section-container.horizontal-nav > section > .title a, .no-js .section-container.horizontal-nav > .section > .title a {
        padding: 0.9375em;
        display: inline-block;
        color: #333;
        font-size: 0.875em;
        white-space: nowrap; }
      .no-js .section-container.auto > section > .title:hover, .no-js .section-container.auto > .section > .title:hover, .no-js .section-container.accordion > section > .title:hover, .no-js .section-container.accordion > .section > .title:hover, .no-js .section-container.tabs > section > .title:hover, .no-js .section-container.tabs > .section > .title:hover, .no-js .section-container.vertical-tabs > section > .title:hover, .no-js .section-container.vertical-tabs > .section > .title:hover, .no-js .section-container.vertical-nav > section > .title:hover, .no-js .section-container.vertical-nav > .section > .title:hover, .no-js .section-container.horizontal-nav > section > .title:hover, .no-js .section-container.horizontal-nav > .section > .title:hover {
        background-color: #e2e2e2; }
    .no-js .section-container.auto > section .content, .no-js .section-container.auto > .section .content, .no-js .section-container.accordion > section .content, .no-js .section-container.accordion > .section .content, .no-js .section-container.tabs > section .content, .no-js .section-container.tabs > .section .content, .no-js .section-container.vertical-tabs > section .content, .no-js .section-container.vertical-tabs > .section .content, .no-js .section-container.vertical-nav > section .content, .no-js .section-container.vertical-nav > .section .content, .no-js .section-container.horizontal-nav > section .content, .no-js .section-container.horizontal-nav > .section .content {
      display: none;
      padding: 0.9375em;
      background-color: #fff; }
      .no-js .section-container.auto > section .content > *:last-child, .no-js .section-container.auto > .section .content > *:last-child, .no-js .section-container.accordion > section .content > *:last-child, .no-js .section-container.accordion > .section .content > *:last-child, .no-js .section-container.tabs > section .content > *:last-child, .no-js .section-container.tabs > .section .content > *:last-child, .no-js .section-container.vertical-tabs > section .content > *:last-child, .no-js .section-container.vertical-tabs > .section .content > *:last-child, .no-js .section-container.vertical-nav > section .content > *:last-child, .no-js .section-container.vertical-nav > .section .content > *:last-child, .no-js .section-container.horizontal-nav > section .content > *:last-child, .no-js .section-container.horizontal-nav > .section .content > *:last-child {
        margin-bottom: 0; }
      .no-js .section-container.auto > section .content > *:first-child, .no-js .section-container.auto > .section .content > *:first-child, .no-js .section-container.accordion > section .content > *:first-child, .no-js .section-container.accordion > .section .content > *:first-child, .no-js .section-container.tabs > section .content > *:first-child, .no-js .section-container.tabs > .section .content > *:first-child, .no-js .section-container.vertical-tabs > section .content > *:first-child, .no-js .section-container.vertical-tabs > .section .content > *:first-child, .no-js .section-container.vertical-nav > section .content > *:first-child, .no-js .section-container.vertical-nav > .section .content > *:first-child, .no-js .section-container.horizontal-nav > section .content > *:first-child, .no-js .section-container.horizontal-nav > .section .content > *:first-child {
        padding-top: 0; }
      .no-js .section-container.auto > section .content > *:last-child:not(.flex-video), .no-js .section-container.auto > .section .content > *:last-child:not(.flex-video), .no-js .section-container.accordion > section .content > *:last-child:not(.flex-video), .no-js .section-container.accordion > .section .content > *:last-child:not(.flex-video), .no-js .section-container.tabs > section .content > *:last-child:not(.flex-video), .no-js .section-container.tabs > .section .content > *:last-child:not(.flex-video), .no-js .section-container.vertical-tabs > section .content > *:last-child:not(.flex-video), .no-js .section-container.vertical-tabs > .section .content > *:last-child:not(.flex-video), .no-js .section-container.vertical-nav > section .content > *:last-child:not(.flex-video), .no-js .section-container.vertical-nav > .section .content > *:last-child:not(.flex-video), .no-js .section-container.horizontal-nav > section .content > *:last-child:not(.flex-video), .no-js .section-container.horizontal-nav > .section .content > *:last-child:not(.flex-video) {
        padding-bottom: 0; }
    .no-js .section-container.auto > section.active > .content, .no-js .section-container.auto > .section.active > .content, .no-js .section-container.accordion > section.active > .content, .no-js .section-container.accordion > .section.active > .content, .no-js .section-container.tabs > section.active > .content, .no-js .section-container.tabs > .section.active > .content, .no-js .section-container.vertical-tabs > section.active > .content, .no-js .section-container.vertical-tabs > .section.active > .content, .no-js .section-container.vertical-nav > section.active > .content, .no-js .section-container.vertical-nav > .section.active > .content, .no-js .section-container.horizontal-nav > section.active > .content, .no-js .section-container.horizontal-nav > .section.active > .content {
      display: block; }
    .no-js .section-container.auto > section.active > .title, .no-js .section-container.auto > .section.active > .title, .no-js .section-container.accordion > section.active > .title, .no-js .section-container.accordion > .section.active > .title, .no-js .section-container.tabs > section.active > .title, .no-js .section-container.tabs > .section.active > .title, .no-js .section-container.vertical-tabs > section.active > .title, .no-js .section-container.vertical-tabs > .section.active > .title, .no-js .section-container.vertical-nav > section.active > .title, .no-js .section-container.vertical-nav > .section.active > .title, .no-js .section-container.horizontal-nav > section.active > .title, .no-js .section-container.horizontal-nav > .section.active > .title {
      background: #d6d6d6; }
      .no-js .section-container.auto > section.active > .title a, .no-js .section-container.auto > .section.active > .title a, .no-js .section-container.accordion > section.active > .title a, .no-js .section-container.accordion > .section.active > .title a, .no-js .section-container.tabs > section.active > .title a, .no-js .section-container.tabs > .section.active > .title a, .no-js .section-container.vertical-tabs > section.active > .title a, .no-js .section-container.vertical-tabs > .section.active > .title a, .no-js .section-container.vertical-nav > section.active > .title a, .no-js .section-container.vertical-nav > .section.active > .title a, .no-js .section-container.horizontal-nav > section.active > .title a, .no-js .section-container.horizontal-nav > .section.active > .title a {
        color: #333; }
    .no-js .section-container.auto > section > .title, .no-js .section-container.auto > .section > .title, .no-js .section-container.accordion > section > .title, .no-js .section-container.accordion > .section > .title, .no-js .section-container.tabs > section > .title, .no-js .section-container.tabs > .section > .title, .no-js .section-container.vertical-tabs > section > .title, .no-js .section-container.vertical-tabs > .section > .title, .no-js .section-container.vertical-nav > section > .title, .no-js .section-container.vertical-nav > .section > .title, .no-js .section-container.horizontal-nav > section > .title, .no-js .section-container.horizontal-nav > .section > .title {
      top: 0;
      width: 100%;
      margin: 0;
      border-top: solid 1px #ccc; }
      .no-js .section-container.auto > section > .title a, .no-js .section-container.auto > .section > .title a, .no-js .section-container.accordion > section > .title a, .no-js .section-container.accordion > .section > .title a, .no-js .section-container.tabs > section > .title a, .no-js .section-container.tabs > .section > .title a, .no-js .section-container.vertical-tabs > section > .title a, .no-js .section-container.vertical-tabs > .section > .title a, .no-js .section-container.vertical-nav > section > .title a, .no-js .section-container.vertical-nav > .section > .title a, .no-js .section-container.horizontal-nav > section > .title a, .no-js .section-container.horizontal-nav > .section > .title a {
        width: 100%; }
    .no-js .section-container.auto > section .title, .no-js .section-container.auto > .section .title, .no-js .section-container.accordion > section .title, .no-js .section-container.accordion > .section .title, .no-js .section-container.tabs > section .title, .no-js .section-container.tabs > .section .title, .no-js .section-container.vertical-tabs > section .title, .no-js .section-container.vertical-tabs > .section .title, .no-js .section-container.vertical-nav > section .title, .no-js .section-container.vertical-nav > .section .title, .no-js .section-container.horizontal-nav > section .title, .no-js .section-container.horizontal-nav > .section .title {
      position: static;
      width: 100%;
      border-left: 0;
      border-right: 0; }
    .no-js .section-container.auto > section .content, .no-js .section-container.auto > .section .content, .no-js .section-container.accordion > section .content, .no-js .section-container.accordion > .section .content, .no-js .section-container.tabs > section .content, .no-js .section-container.tabs > .section .content, .no-js .section-container.vertical-tabs > section .content, .no-js .section-container.vertical-tabs > .section .content, .no-js .section-container.vertical-nav > section .content, .no-js .section-container.vertical-nav > .section .content, .no-js .section-container.horizontal-nav > section .content, .no-js .section-container.horizontal-nav > .section .content {
      position: static;
      display: block;
      width: 100%;
      border-left: 0;
      border-right: 0;
      border-bottom: 0; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@-o-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
/* Orbit Graceful Loading */
.slideshow-wrapper {
  position: relative; }
  .slideshow-wrapper ul {
    list-style-type: none;
    margin: 0; }
    .slideshow-wrapper ul li,
    .slideshow-wrapper ul li .orbit-caption {
      display: none; }
    .slideshow-wrapper ul li:first-child {
      display: block; }
  .slideshow-wrapper .orbit-container {
    background-color: transparent; }
    .slideshow-wrapper .orbit-container li {
      display: block; }
      .slideshow-wrapper .orbit-container li .orbit-caption {
        display: block; }

.preloader {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border: solid 3px;
  border-color: #555 #fff;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotate;
  -o-animation-duration: 1.5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: #f5f5f5; }
  .orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative; }
    .orbit-container .orbit-slides-container img {
      display: block; }
    .orbit-container .orbit-slides-container > * {
      position: relative;
      float: left;
      height: auto; }
      .orbit-container .orbit-slides-container > * .orbit-caption {
        position: absolute;
        bottom: 0;
        background-color: black;
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff;
        width: 100%;
        padding: 10px 14px;
        font-size: 0.875em; }
  .orbit-container .orbit-slide-number {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #fff;
    background: transparent; }
    .orbit-container .orbit-slide-number span {
      font-weight: 700;
      padding: 0.3125em; }
  .orbit-container .orbit-timer {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 6px;
    width: 100px; }
    .orbit-container .orbit-timer .orbit-progress {
      height: 100%;
      background-color: black;
      background-color: rgba(0, 0, 0, 0.6);
      display: block;
      width: 0%; }
    .orbit-container .orbit-timer > span {
      display: none;
      position: absolute;
      top: 10px;
      right: 0px;
      width: 11px;
      height: 14px;
      border: solid 4px #000;
      border-top: none;
      border-bottom: none; }
    .orbit-container .orbit-timer.paused > span {
      right: -6px;
      top: 9px;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-right-style: solid;
      border-color: transparent transparent transparent #000; }
  .orbit-container:hover .orbit-timer > span {
    display: block; }
  .orbit-container .orbit-prev,
  .orbit-container .orbit-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
    width: 50px;
    height: 60px;
    line-height: 50px;
    color: white;
    text-indent: -9999px !important; }
    .orbit-container .orbit-prev > span,
    .orbit-container .orbit-next > span {
      position: absolute;
      top: 50%;
      margin-top: -16px;
      display: block;
      width: 0;
      height: 0;
      border: inset 16px; }
  .orbit-container .orbit-prev {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: #fff; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: #ccc; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: #fff;
      left: 50%;
      margin-left: -8px; }
    .orbit-container .orbit-next:hover > span {
      border-left-color: #ccc; }

.orbit-bullets {
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  top: 10px; }
  .orbit-bullets li {
    display: block;
    width: 18px;
    height: 18px;
    background: #999;
    float: left;
    margin-right: 6px;
    border: solid 2px #222;
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
    .orbit-bullets li.active {
      background: #222; }
    .orbit-bullets li:last-child {
      margin-right: 0; }

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
  display: none; }
.touch .orbit-bullets {
  display: none; }

@media only screen and (min-width: 768px) {
  .touch .orbit-container .orbit-prev,
  .touch .orbit-container .orbit-next {
    display: inherit; }
  .touch .orbit-bullets {
    display: block; } }
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.45);
  z-index: 98;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  margin-left: -40%;
  width: 80%;
  background-color: #fff;
  padding: 1.25em;
  border: solid 1px #e5e5e5;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  top: 50px; }
  .reveal-modal .column,
  .reveal-modal .columns {
    min-width: 0; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }
  .reveal-modal .close-reveal-modal {
    font-size: 1.375em;
    line-height: 1;
    position: absolute;
    top: 0.5em;
    right: 0.6875em;
    color: #aaa;
    font-weight: bold;
    cursor: pointer; }

@media only screen and (min-width: 768px) {
  .reveal-modal {
    padding: 1.875em;
    top: 6.25em; }
    .reveal-modal.tiny {
      margin-left: -15%;
      width: 30%; }
    .reveal-modal.small {
      margin-left: -20%;
      width: 40%; }
    .reveal-modal.medium {
      margin-left: -30%;
      width: 60%; }
    .reveal-modal.large {
      margin-left: -35%;
      width: 70%; }
    .reveal-modal.xlarge {
      margin-left: -47.5%;
      width: 95%; } }
@media print {
  .reveal-modal {
    background: #fff !important; } }
/* Foundation Joyride */
.joyride-list {
  display: none; }

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: black;
  color: #fff;
  z-index: 101;
  top: 0;
  left: 2.5%;
  font-family: inherit;
  font-weight: normal;
  width: 95%; }

.lt-ie9 .joyride-tip-guide {
  max-width: 800px;
  left: 50%;
  margin-left: -400px; }

.joyride-content-wrapper {
  width: 100%;
  padding: 1.125em 1.25em 1.5em; }
  .joyride-content-wrapper .button {
    margin-bottom: 0 !important; }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: inset 14px; }
  .joyride-tip-guide .joyride-nub.top {
    border-top-style: solid;
    border-color: black;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -28px; }
  .joyride-tip-guide .joyride-nub.bottom {
    border-bottom-style: solid;
    border-color: black !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -28px; }
  .joyride-tip-guide .joyride-nub.right {
    right: -28px; }
  .joyride-tip-guide .joyride-nub.left {
    left: -28px; }

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: #fff; }

.joyride-tip-guide p {
  margin: 0 0 1.125em 0;
  font-size: 0.875em;
  line-height: 1.3; }

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555;
  position: absolute;
  right: 1.0625em;
  bottom: 1em; }

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666; }

.joyride-close-tip {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #777 !important;
  text-decoration: none;
  font-size: 30px;
  font-weight: normal;
  line-height: .5 !important; }
  .joyride-close-tip:hover, .joyride-close-tip:focus {
    color: #eee !important; }

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer; }

.joyride-expose-wrapper {
  background-color: #ffffff;
  position: absolute;
  border-radius: 3px;
  z-index: 102;
  -moz-box-shadow: 0px 0px 30px #ffffff;
  -webkit-box-shadow: 0px 0px 15px #ffffff;
  box-shadow: 0px 0px 15px #ffffff; }

.joyride-expose-cover {
  background: transparent;
  border-radius: 3px;
  position: absolute;
  z-index: 9999;
  top: 0px;
  left: 0px; }

/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
  .joyride-tip-guide {
    width: 600px;
    left: inherit; }
    .joyride-tip-guide .joyride-nub.bottom {
      border-color: black !important;
      border-bottom-color: transparent !important;
      border-left-color: transparent !important;
      border-right-color: transparent !important;
      bottom: -28px; }
    .joyride-tip-guide .joyride-nub.right {
      border-color: black !important;
      border-top-color: transparent !important;
      border-right-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: auto;
      right: -28px; }
    .joyride-tip-guide .joyride-nub.left {
      border-color: black !important;
      border-top-color: transparent !important;
      border-left-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: -28px;
      right: auto; } }
/* Clearing Styles */
[data-clearing] {
  *zoom: 1;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none; }
  [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  [data-clearing]:after {
    clear: both; }
  [data-clearing] li {
    float: left;
    margin-right: 10px; }

.clearing-blackout {
  background: #111;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%; }

.clearing-caption {
  color: #fff;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #111;
  width: 100%;
  padding: 10px 30px;
  position: absolute;
  left: 0; }

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 40px;
  line-height: 1;
  color: #fff;
  display: none; }
  .clearing-close:hover, .clearing-close:focus {
    color: #ccc; }

.clearing-assembled .clearing-container {
  height: 100%; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: none; }

.clearing-feature li {
  display: none; }
  .clearing-feature li.clearing-featured-img {
    display: block; }

@media only screen and (min-width: 768px) {
  .clearing-main-prev,
  .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0; }
    .clearing-main-prev > span,
    .clearing-main-next > span {
      position: absolute;
      top: 50%;
      display: block;
      width: 0;
      height: 0;
      border: solid 16px; }

  .clearing-main-prev {
    left: 0; }
    .clearing-main-prev > span {
      left: 5px;
      border-color: transparent;
      border-right-color: #fff; }

  .clearing-main-next {
    right: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-left-color: #fff; }

  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: 0.5; }

  .clearing-assembled .clearing-container .carousel {
    background: #111;
    height: 150px;
    margin-top: 5px; }
    .clearing-assembled .clearing-container .carousel > ul {
      display: block;
      z-index: 999;
      width: 200%;
      height: 100%;
      margin-left: 0;
      position: relative;
      left: 0; }
      .clearing-assembled .clearing-container .carousel > ul li {
        display: block;
        width: 175px;
        height: inherit;
        padding: 0;
        float: left;
        overflow: hidden;
        margin-right: 1px;
        position: relative;
        cursor: pointer;
        opacity: 0.4; }
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
          min-height: 100%;
          height: 100%;
          max-width: none; }
        .clearing-assembled .clearing-container .carousel > ul li a.th {
          border: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          display: block; }
        .clearing-assembled .clearing-container .carousel > ul li img {
          cursor: pointer !important;
          min-width: 100% !important; }
        .clearing-assembled .clearing-container .carousel > ul li.visible {
          opacity: 1; }
  .clearing-assembled .clearing-container .visible-img {
    background: #111;
    overflow: hidden;
    height: 75%; }

  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0; } }
/* Foundation Alerts */
.alert-box {
  border-style: solid;
  border-width: 0;
  display: block;
  font-weight: 400;
  margin-bottom: 1.25em;
  position: relative;
  padding: 1em 1.625em 1.0625em 1em;
  font-size: 1em;
  background-color: #1c94c6;
  border-color: #167399;
  color: #fff; }
  .alert-box .close {
    font-size: 1.375em;
    padding: 9px 0 4px;
    line-height: 0;
    position: absolute;
    top: 0.6875em;
    right: 0.5625em;
    color: #333;
    opacity: 0.3; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }
  .alert-box.radius {
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .alert-box.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #90c352;
    border-color: #76a83a;
    color: #fff; }
  .alert-box.alert {
    background-color: #df5e54;
    border-color: #d73629;
    color: #fff; }
  .alert-box.secondary {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #505050; }

/* Breadcrumbs */
.breadcrumbs {
  display: block;
  padding: 0;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 0;
  background-color: #f7f7f7;
  border-color: #dedede;
  -webkit-border-radius: 2px;
  border-radius: 2px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 1em;
    text-transform: none; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a,
    .breadcrumbs > * span {
      text-transform: none;
      color: #424242; }
    .breadcrumbs > *.current {
      cursor: auto;
      color: #424242; }
      .breadcrumbs > *.current a {
        cursor: auto;
        color: #424242; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999; }
      .breadcrumbs > *.unavailable a {
        color: #999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999;
        cursor: auto; }
    .breadcrumbs > *:before {
      content: "/";
      color: #424242;
      margin: 0 0.75em;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

/* Keystroke Characters */
.keystroke,
kbd {
  background-color: #ededed;
  border-color: #dbdbdb;
  color: #222;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: 0.875em;
  padding: 0.125em 0.25em 0em;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

/* Labels */
.label {
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  padding: 0.375em 0.9375em 0.3125em;
  font-size: 0.875em;
  background-color: #1c94c6;
  color: #fff; }
  .label.radius {
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .label.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
  .label.alert {
    background-color: #df5e54;
    color: #fff; }
  .label.success {
    background-color: #90c352;
    color: #fff; }
  .label.secondary {
    background-color: #e9e9e9;
    color: #555; }

/* Inline Lists */
.inline-list {
  margin: 0 auto 1.0625em auto;
  margin-left: -1.375em;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375em;
    display: block; }
    .inline-list > li > * {
      display: block; }

/* Default Pagination */
ul.pagination {
  display: block;
  height: 1.5em;
  margin-left: -0.3125em; }
  ul.pagination li {
    height: 1.5em;
    color: #222;
    font-size: 0.875em;
    margin-left: 0.3125em; }
    ul.pagination li a {
      display: block;
      padding: 0.0625em 0.4375em 0.0625em;
      color: #999; }
    ul.pagination li:hover a,
    ul.pagination li a:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a {
      cursor: default;
      color: #999; }
    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
      background: transparent; }
    ul.pagination li.current a {
      background: #1c94c6;
      color: #fff;
      font-weight: 700;
      cursor: default; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus {
        background: #1c94c6; }
  ul.pagination li {
    float: left;
    display: block; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  .pagination-centered ul.pagination li {
    float: none;
    display: inline-block; }

/* Panels */
.panel, pre,
.syntaxhighlighter, .twitter-typeahead .tt-dropdown-menu {
  border-style: solid;
  border-width: 1px;
  border-color: #eeeeee;
  margin-bottom: 5px;
  padding: 1.875em;
  background: #fff; }
  .panel > :first-child, pre > :first-child,
  .syntaxhighlighter > :first-child, .twitter-typeahead .tt-dropdown-menu > :first-child {
    margin-top: 0; }
  .panel > :last-child, pre > :last-child,
  .syntaxhighlighter > :last-child, .twitter-typeahead .tt-dropdown-menu > :last-child {
    margin-bottom: 0; }
  .panel h1, pre h1,
  .syntaxhighlighter h1, .twitter-typeahead .tt-dropdown-menu h1, .panel h2, pre h2,
  .syntaxhighlighter h2, .twitter-typeahead .tt-dropdown-menu h2, .panel h3, pre h3,
  .syntaxhighlighter h3, .twitter-typeahead .tt-dropdown-menu h3, .panel h4, pre h4,
  .syntaxhighlighter h4, .twitter-typeahead .tt-dropdown-menu h4, .panel h5, pre h5,
  .syntaxhighlighter h5, .twitter-typeahead .tt-dropdown-menu h5, .panel h6, pre h6,
  .syntaxhighlighter h6, .twitter-typeahead .tt-dropdown-menu h6, .panel p, pre p,
  .syntaxhighlighter p, .twitter-typeahead .tt-dropdown-menu p {
    color: #424242; }
  .panel h1, pre h1,
  .syntaxhighlighter h1, .twitter-typeahead .tt-dropdown-menu h1, .panel h2, pre h2,
  .syntaxhighlighter h2, .twitter-typeahead .tt-dropdown-menu h2, .panel h3, pre h3,
  .syntaxhighlighter h3, .twitter-typeahead .tt-dropdown-menu h3, .panel h4, pre h4,
  .syntaxhighlighter h4, .twitter-typeahead .tt-dropdown-menu h4, .panel h5, pre h5,
  .syntaxhighlighter h5, .twitter-typeahead .tt-dropdown-menu h5, .panel h6, pre h6,
  .syntaxhighlighter h6, .twitter-typeahead .tt-dropdown-menu h6 {
    line-height: 1;
    margin-bottom: 0.625em; }
    .panel h1.subheader, pre h1.subheader,
    .syntaxhighlighter h1.subheader, .twitter-typeahead .tt-dropdown-menu h1.subheader, .panel h2.subheader, pre h2.subheader,
    .syntaxhighlighter h2.subheader, .twitter-typeahead .tt-dropdown-menu h2.subheader, .panel h3.subheader, pre h3.subheader,
    .syntaxhighlighter h3.subheader, .twitter-typeahead .tt-dropdown-menu h3.subheader, .panel h4.subheader, pre h4.subheader,
    .syntaxhighlighter h4.subheader, .twitter-typeahead .tt-dropdown-menu h4.subheader, .panel h5.subheader, pre h5.subheader,
    .syntaxhighlighter h5.subheader, .twitter-typeahead .tt-dropdown-menu h5.subheader, .panel h6.subheader, pre h6.subheader,
    .syntaxhighlighter h6.subheader, .twitter-typeahead .tt-dropdown-menu h6.subheader {
      line-height: 1.4; }
  .panel.callout, pre.callout,
  .callout.syntaxhighlighter, .twitter-typeahead .callout.tt-dropdown-menu {
    border-style: solid;
    border-width: 1px;
    border-color: #187ea9;
    margin-bottom: 5px;
    padding: 1.875em;
    background: #1c94c6;
    -webkit-box-shadow: 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 rgba(255, 255, 255, 0.5) inset; }
    .panel.callout > :first-child, pre.callout > :first-child,
    .callout.syntaxhighlighter > :first-child, .twitter-typeahead .callout.tt-dropdown-menu > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child, pre.callout > :last-child,
    .callout.syntaxhighlighter > :last-child, .twitter-typeahead .callout.tt-dropdown-menu > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, pre.callout h1,
    .callout.syntaxhighlighter h1, .twitter-typeahead .callout.tt-dropdown-menu h1, .panel.callout h2, pre.callout h2,
    .callout.syntaxhighlighter h2, .twitter-typeahead .callout.tt-dropdown-menu h2, .panel.callout h3, pre.callout h3,
    .callout.syntaxhighlighter h3, .twitter-typeahead .callout.tt-dropdown-menu h3, .panel.callout h4, pre.callout h4,
    .callout.syntaxhighlighter h4, .twitter-typeahead .callout.tt-dropdown-menu h4, .panel.callout h5, pre.callout h5,
    .callout.syntaxhighlighter h5, .twitter-typeahead .callout.tt-dropdown-menu h5, .panel.callout h6, pre.callout h6,
    .callout.syntaxhighlighter h6, .twitter-typeahead .callout.tt-dropdown-menu h6, .panel.callout p, pre.callout p,
    .callout.syntaxhighlighter p, .twitter-typeahead .callout.tt-dropdown-menu p {
      color: #fff; }
    .panel.callout h1, pre.callout h1,
    .callout.syntaxhighlighter h1, .twitter-typeahead .callout.tt-dropdown-menu h1, .panel.callout h2, pre.callout h2,
    .callout.syntaxhighlighter h2, .twitter-typeahead .callout.tt-dropdown-menu h2, .panel.callout h3, pre.callout h3,
    .callout.syntaxhighlighter h3, .twitter-typeahead .callout.tt-dropdown-menu h3, .panel.callout h4, pre.callout h4,
    .callout.syntaxhighlighter h4, .twitter-typeahead .callout.tt-dropdown-menu h4, .panel.callout h5, pre.callout h5,
    .callout.syntaxhighlighter h5, .twitter-typeahead .callout.tt-dropdown-menu h5, .panel.callout h6, pre.callout h6,
    .callout.syntaxhighlighter h6, .twitter-typeahead .callout.tt-dropdown-menu h6 {
      line-height: 1;
      margin-bottom: 0.625em; }
      .panel.callout h1.subheader, pre.callout h1.subheader,
      .callout.syntaxhighlighter h1.subheader, .twitter-typeahead .callout.tt-dropdown-menu h1.subheader, .panel.callout h2.subheader, pre.callout h2.subheader,
      .callout.syntaxhighlighter h2.subheader, .twitter-typeahead .callout.tt-dropdown-menu h2.subheader, .panel.callout h3.subheader, pre.callout h3.subheader,
      .callout.syntaxhighlighter h3.subheader, .twitter-typeahead .callout.tt-dropdown-menu h3.subheader, .panel.callout h4.subheader, pre.callout h4.subheader,
      .callout.syntaxhighlighter h4.subheader, .twitter-typeahead .callout.tt-dropdown-menu h4.subheader, .panel.callout h5.subheader, pre.callout h5.subheader,
      .callout.syntaxhighlighter h5.subheader, .twitter-typeahead .callout.tt-dropdown-menu h5.subheader, .panel.callout h6.subheader, pre.callout h6.subheader,
      .callout.syntaxhighlighter h6.subheader, .twitter-typeahead .callout.tt-dropdown-menu h6.subheader {
        line-height: 1.4; }
  .panel.radius, pre.radius,
  .radius.syntaxhighlighter, .twitter-typeahead .radius.tt-dropdown-menu {
    -webkit-border-radius: 2px;
    border-radius: 2px; }

/* Pricing Tables */
.pricing-table {
  border: none;
  margin-left: 0;
  margin-bottom: 1.25em; }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #fff;
    padding: 0 0 0.625em;
    text-align: center;
    color: #90c352;
    font-weight: bold;
    font-size: 2em; }
  .pricing-table .price {
    background-color: #fff;
    padding: 0.25em 0.0625em;
    text-align: center;
    color: #424242;
    font-weight: 700;
    font-size: 4em; }
  .pricing-table .description {
    background-color: #fff;
    padding: 0.9375em;
    text-align: center;
    color: #777;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: none; }
  .pricing-table .bullet-item {
    background-color: #fff;
    padding: 0.25em 0.625em;
    text-align: center;
    color: #424242;
    font-size: 1.125em;
    font-weight: normal;
    border-bottom: none; }
  .pricing-table .cta-button {
    background-color: #fff;
    text-align: center;
    padding: 0.625em 0.625em 0; }

/* Progress Bar */
.progress {
  background-color: transparent;
  height: 1.5625em;
  border: 1px solid #cccccc;
  padding: 0.125em;
  margin-bottom: 0.625em; }
  .progress .meter {
    background: #1c94c6;
    height: 100%;
    display: block; }
  .progress.secondary .meter {
    background: #e9e9e9;
    height: 100%;
    display: block; }
  .progress.success .meter {
    background: #90c352;
    height: 100%;
    display: block; }
  .progress.alert .meter {
    background: #df5e54;
    height: 100%;
    display: block; }
  .progress.radius {
    -webkit-border-radius: 2px;
    border-radius: 2px; }
    .progress.radius .meter {
      -webkit-border-radius: 1px;
      border-radius: 1px; }
  .progress.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
    .progress.round .meter {
      -webkit-border-radius: 999px;
      border-radius: 999px; }

/* Side Nav */
.side-nav {
  display: block;
  margin: 0;
  padding: 0.875em 0;
  list-style-type: none;
  list-style-position: inside; }
  .side-nav li {
    margin: 0 0 0.4375em 0;
    font-size: 0.875em; }
    .side-nav li a {
      display: block;
      color: #1c94c6; }
    .side-nav li.active > a:first-child {
      color: #4d4d4d;
      font-weight: bold; }
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      padding: 0;
      list-style: none;
      border-top-color: #e6e6e6; }

/* Side Nav */
.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25em 0 1.125em;
  padding-top: 0.25em;
  margin-right: 0;
  margin-left: -0.5625em; }
  .sub-nav dt,
  .sub-nav dd {
    float: left;
    display: inline;
    margin-left: 0.5625em;
    margin-bottom: 0.625em;
    font-weight: normal;
    font-size: 0.875em; }
    .sub-nav dt a,
    .sub-nav dd a {
      color: #999;
      text-decoration: none; }
    .sub-nav dt.active a,
    .sub-nav dd.active a {
      -webkit-border-radius: 1000px;
      border-radius: 1000px;
      font-weight: bold;
      background: #1c94c6;
      padding: 0.1875em 0.5625em;
      cursor: default;
      color: #fff; }

/* Foundation Switches */
@media only screen {
  div.switch {
    position: relative;
    width: 100%;
    padding: 0;
    display: block;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25em;
    -webkit-animation: webkitSiblingBugfix infinite 1s;
    height: 36px;
    background: #fff;
    border-color: #cccccc; }
    div.switch label {
      position: relative;
      left: 0;
      z-index: 2;
      float: left;
      width: 50%;
      height: 100%;
      margin: 0;
      font-weight: bold;
      text-align: left;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
    div.switch input {
      position: absolute;
      z-index: 3;
      opacity: 0;
      width: 100%;
      height: 100%;
      -moz-appearance: none; }
      div.switch input:hover, div.switch input:focus {
        cursor: pointer; }
    div.switch span:last-child {
      position: absolute;
      top: -1px;
      left: -1px;
      z-index: 1;
      display: block;
      padding: 0;
      border-width: 1px;
      border-style: solid;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
    div.switch input:not(:checked) + label {
      opacity: 0; }
    div.switch input:checked {
      display: none !important; }
    div.switch input {
      left: 0;
      display: block !important; }
    div.switch input:first-of-type + label,
    div.switch input:first-of-type + span + label {
      left: -50%; }
    div.switch input:first-of-type:checked + label,
    div.switch input:first-of-type:checked + span + label {
      left: 0%; }
    div.switch input:last-of-type + label,
    div.switch input:last-of-type + span + label {
      right: -50%;
      left: auto;
      text-align: right; }
    div.switch input:last-of-type:checked + label,
    div.switch input:last-of-type:checked + span + label {
      right: 0%;
      left: auto; }
    div.switch span.custom {
      display: none !important; }
    form.custom div.switch .hidden-field {
      margin-left: auto;
      position: absolute;
      visibility: visible; }
    div.switch label {
      padding: 0 0.375em;
      line-height: 2.3em;
      font-size: 0.875em; }
    div.switch input:first-of-type:checked ~ span:last-child {
      left: 100%;
      margin-left: -2.1875em; }
    div.switch span:last-child {
      width: 2.25em;
      height: 2.25em; }
    div.switch span:last-child {
      border-color: #b3b3b3;
      background: #fff;
      background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
      background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
      background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
      -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px white, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px #f5f5f5;
      box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px white, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px #f5f5f5; }
    div.switch:hover span:last-child, div.switch:focus span:last-child {
      background: #fff;
      background: -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);
      background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
      background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); }
    div.switch:active {
      background: transparent; }
    div.switch.large {
      height: 44px; }
      div.switch.large label {
        padding: 0 0.375em;
        line-height: 2.3em;
        font-size: 1.0625em; }
      div.switch.large input:first-of-type:checked ~ span:last-child {
        left: 100%;
        margin-left: -2.6875em; }
      div.switch.large span:last-child {
        width: 2.75em;
        height: 2.75em; }
    div.switch.small {
      height: 28px; }
      div.switch.small label {
        padding: 0 0.375em;
        line-height: 2.1em;
        font-size: 0.75em; }
      div.switch.small input:first-of-type:checked ~ span:last-child {
        left: 100%;
        margin-left: -1.6875em; }
      div.switch.small span:last-child {
        width: 1.75em;
        height: 1.75em; }
    div.switch.tiny {
      height: 22px; }
      div.switch.tiny label {
        padding: 0 0.375em;
        line-height: 1.9em;
        font-size: 0.6875em; }
      div.switch.tiny input:first-of-type:checked ~ span:last-child {
        left: 100%;
        margin-left: -1.3125em; }
      div.switch.tiny span:last-child {
        width: 1.375em;
        height: 1.375em; }
    div.switch.radius {
      -webkit-border-radius: 4px;
      border-radius: 4px; }
      div.switch.radius span:last-child {
        -webkit-border-radius: 3px;
        border-radius: 3px; }
    div.switch.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; }
      div.switch.round span:last-child {
        -webkit-border-radius: 999px;
        border-radius: 999px; }
      div.switch.round label {
        padding: 0 0.5625em; }

  @-webkit-keyframes webkitSiblingBugfix {
    from {
      position: relative; }
    to {
      position: relative; } } }
[data-magellan-expedition] {
  background: #fff;
  z-index: 50;
  min-width: 100%;
  padding: 10px; }
  [data-magellan-expedition] .sub-nav {
    margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav dd {
      margin-bottom: 0; }

/* Tables */
table {
  background: none;
  margin-bottom: 1.25em;
  border: solid 0 #e5e5e5; }
  table thead,
  table tfoot {
    background: none;
    font-weight: bold; }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.75em 0.625em 1.25em;
      font-size: 1em;
      color: #424242;
      text-align: left; }
  table tr th,
  table tr td {
    padding: 0.5625em 0.625em;
    font-size: 0.875em;
    color: #424242; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #fbfbfb; }
  table thead tr th,
  table tfoot tr th,
  table tbody tr td,
  table tr td,
  table tfoot tr td {
    display: table-cell;
    line-height: 1.125em; }

/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(28, 148, 198, 0.5);
    box-shadow: 0 0 6px 1px rgba(28, 148, 198, 0.5); }
  .th.radius {
    -webkit-border-radius: 2px;
    border-radius: 2px; }

a.th {
  display: inline-block; }

/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #ccc;
  cursor: help;
  font-weight: bold;
  color: #333; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #0f516d;
    color: #1c94c6; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: bold;
  font-size: 0.9375em;
  line-height: 1.3;
  padding: 0.5em;
  max-width: 85%;
  left: 50%;
  width: 100%;
  color: #fff;
  background: #000;
  -webkit-border-radius: 2px;
  border-radius: 2px; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #000 transparent;
    top: -10px; }
  .tooltip.opened {
    color: #1c94c6 !important;
    border-bottom: dotted 1px #0f516d !important; }

.tap-to-close {
  display: block;
  font-size: 0.625em;
  color: #888;
  font-weight: normal; }

@media only screen and (min-width: 768px) {
  .tooltip > .nub {
    border-color: transparent transparent #000 transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: #000 transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #000;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px; }
  .tooltip.tip-right > .nub {
    border-color: transparent #000 transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px; } }
@media only screen and (max-width: 767px) {
  .f-dropdown {
    max-width: 100%;
    left: 0; } }
/* Foundation Dropdowns */
.f-dropdown {
  position: absolute;
  top: -9999px;
  list-style: none;
  margin-left: 0;
  width: 100%;
  max-height: none;
  height: auto;
  background: #fff;
  border: solid 1px #e5e5e5;
  font-size: 16px;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px; }
  .f-dropdown > *:first-child {
    margin-top: 0; }
  .f-dropdown > *:last-child {
    margin-bottom: 0; }
  .f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 0px;
    border-color: transparent transparent #fff transparent;
    border-bottom-style: solid;
    position: absolute;
    top: 0px;
    left: 10px;
    z-index: 99; }
  .f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 1px;
    border-color: transparent transparent #e5e5e5 transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -2px;
    left: 9px;
    z-index: 98; }
  .f-dropdown.right:before {
    left: auto;
    right: 10px; }
  .f-dropdown.right:after {
    left: auto;
    right: 9px; }
  .f-dropdown li {
    font-size: 0.875em;
    cursor: pointer;
    line-height: 1.125em;
    margin: 0; }
    .f-dropdown li:hover, .f-dropdown li:focus {
      background: #eeeeee; }
    .f-dropdown li a {
      display: block;
      padding: 0.625em 0.625em;
      color: #424242; }
  .f-dropdown.content {
    position: absolute;
    top: -9999px;
    list-style: none;
    margin-left: 0;
    padding: 0.625em;
    width: 100%;
    height: auto;
    max-height: none;
    background: #fff;
    border: solid 1px #e5e5e5;
    font-size: 16px;
    z-index: 99;
    max-width: 200px; }
    .f-dropdown.content > *:first-child {
      margin-top: 0; }
    .f-dropdown.content > *:last-child {
      margin-bottom: 0; }
  .f-dropdown.tiny {
    max-width: 200px; }
  .f-dropdown.small {
    max-width: 300px; }
  .f-dropdown.medium {
    max-width: 500px; }
  .f-dropdown.large {
    max-width: 800px; }

/*# LEARNABLE BASE MODULES THAT AFFECT ALL THATS COMES AFTER #*/
/*----------------------------------------------------------------------------------------------------------
#############################################  TYPOGRAPHY EXTRAS
----------------------------------------------------------------------------------------------------------*/
html {
  background: #fff;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  text-rendering: optimizeLegibility; }

/********** BEGIN GLOBAL FONT SIZES ***********/
/* The goal is to keep the number of font sizes variations down to a reasonable number. */
/* One-off sizes should be discarded and merged with rules that are used more often. */
/* 64 to 48 */
.pricing-table .price,
.banner--offer--with-ticks .price,
.FOO_ADD_MORE_RULES_HERE_ON_NEW_LINES {
  font-size: 48px;
  font-size: 3rem; }
  @media only screen and (min-width: 768px) {
    .pricing-table .price,
    .banner--offer--with-ticks .price,
    .FOO_ADD_MORE_RULES_HERE_ON_NEW_LINES {
      font-size: 64px;
      font-size: 4rem; } }

/* 48 fixed */
.landing-page .product_poster .video:after,
.landing-page.product_media .video:after,
.FOO_ADD_MORE_RULES_HERE_ON_NEW_LINES {
  font-size: 48px;
  font-size: 3rem; }

/* smaller48 to 35 */
.product_poster .video:after,
.product_media .video:after {
  font-size: 35px;
  font-size: 2.1875rem; }
  @media only screen and (min-width: 450px) {
    .product_poster .video:after,
    .product_media .video:after {
      font-size: 48px;
      font-size: 3rem; } }

/* 40 to 24 via 28- e.g. page headings outside of a panel (e.g. Coming soon, page) */
h1,
.row > h1 {
  font-size: 24px;
  font-size: 1.5rem; }
  @media only screen and (min-width: 768px) {
    h1,
    .row > h1 {
      font-size: 28px;
      font-size: 1.75rem; } }
  @media only screen and (min-width: 1060px) {
    h1,
    .row > h1 {
      font-size: 40px;
      font-size: 2.5rem; } }

/* 35 to 20 */
.landing-page h2,
.landing-page .row > h2,
.gift-certs .how-it-works h2 {
  font-size: 20px;
  font-size: 1.25rem; }
  @media only screen and (min-width: 768px) {
    .landing-page h2,
    .landing-page .row > h2,
    .gift-certs .how-it-works h2 {
      font-size: 35px;
      font-size: 2.1875rem; } }

/* 32.fixed */
.pricing-table .price .currency,
.pricing-table .price .period {
  font-size: 32px;
  font-size: 2rem; }

/* 32 to 22 - e.g. headings inside page panels (e.g. Profile page)*/
.panel > h1, pre > h1,
.syntaxhighlighter > h1, .twitter-typeahead .tt-dropdown-menu > h1,
.dashboard .panel h1,
.dashboard pre h1,
.dashboard .syntaxhighlighter h1,
.dashboard .twitter-typeahead .tt-dropdown-menu h1,
.twitter-typeahead .dashboard .tt-dropdown-menu h1,
.PUBLIC h1,
.free-trial.landing-page .landing-page-section.l-p-s--2-col h2,
.course .title-unit .title-unit_title h1,
.course-complete .full-width.featured-classes > .row > h2,
.book .title-unit .title-unit_title h1,
.product-page .title-unit .title-unit_title h1,
.banner--offer--with-ticks .price .currency {
  font-size: 22px;
  font-size: 1.375rem; }
  @media only screen and (min-width: 768px) {
    .panel > h1, pre > h1,
    .syntaxhighlighter > h1, .twitter-typeahead .tt-dropdown-menu > h1,
    .dashboard .panel h1,
    .dashboard pre h1,
    .dashboard .syntaxhighlighter h1,
    .dashboard .twitter-typeahead .tt-dropdown-menu h1,
    .twitter-typeahead .dashboard .tt-dropdown-menu h1,
    .PUBLIC h1,
    .free-trial.landing-page .landing-page-section.l-p-s--2-col h2,
    .course .title-unit .title-unit_title h1,
    .course-complete .full-width.featured-classes > .row > h2,
    .book .title-unit .title-unit_title h1,
    .product-page .title-unit .title-unit_title h1,
    .banner--offer--with-ticks .price .currency {
      font-size: 32px;
      font-size: 2rem; } }

/* 26.fixed */
.product-page .course-support .panel.related > h2, .product-page .course-support pre.related > h2,
.product-page .course-support .related.syntaxhighlighter > h2, .product-page .course-support .twitter-typeahead .related.tt-dropdown-menu > h2, .twitter-typeahead .product-page .course-support .related.tt-dropdown-menu > h2,
.pinride .topic-list .topic-tile .topic-selection-confirmation-container .topic-selection-confirmation .topic-name-2 {
  font-size: 26px;
  font-size: 1.625rem; }

/* medium26 to 18 - e.g. page secondary heading on Coming soon */
.row > h2,
.gift-certs .cert-types .cert .plan label,
.gift-certs .cert-types .cert .plan-price label,
.course-complete .maincontent .panel .title,
.course-complete .maincontent pre .title,
.course-complete .maincontent .syntaxhighlighter .title,
.course-complete .maincontent .twitter-typeahead .tt-dropdown-menu .title,
.twitter-typeahead .course-complete .maincontent .tt-dropdown-menu .title,
.join-trial.landing-page .landing-page-section.heading h2 {
  font-size: 18px;
  font-size: 1.125rem; }
  @media only screen and (min-width: 1060px) {
    .row > h2,
    .gift-certs .cert-types .cert .plan label,
    .gift-certs .cert-types .cert .plan-price label,
    .course-complete .maincontent .panel .title,
    .course-complete .maincontent pre .title,
    .course-complete .maincontent .syntaxhighlighter .title,
    .course-complete .maincontent .twitter-typeahead .tt-dropdown-menu .title,
    .twitter-typeahead .course-complete .maincontent .tt-dropdown-menu .title,
    .join-trial.landing-page .landing-page-section.heading h2 {
      font-size: 26px;
      font-size: 1.625rem; } }

/* medium26 to 16 via 22*/
.product h2.product_title,
.panel #book-content h1,
pre #book-content h1,
.syntaxhighlighter #book-content h1,
.twitter-typeahead .tt-dropdown-menu #book-content h1 {
  font-size: 16px;
  font-size: 1rem; }
  @media only screen and (min-width: 450px) {
    .product h2.product_title,
    .panel #book-content h1,
    pre #book-content h1,
    .syntaxhighlighter #book-content h1,
    .twitter-typeahead .tt-dropdown-menu #book-content h1 {
      font-size: 22px;
      font-size: 1.375rem; } }
  @media only screen and (min-width: 1060px) {
    .product h2.product_title,
    .panel #book-content h1,
    pre #book-content h1,
    .syntaxhighlighter #book-content h1,
    .twitter-typeahead .tt-dropdown-menu #book-content h1 {
      font-size: 26px;
      font-size: 1.625rem; } }

/* 24.fixed */
.top-bar .name h1,
.account--membership--upgrade .panel h2,
.account--membership--upgrade pre h2,
.account--membership--upgrade .syntaxhighlighter h2,
.account--membership--upgrade .twitter-typeahead .tt-dropdown-menu h2,
.twitter-typeahead .account--membership--upgrade .tt-dropdown-menu h2 {
  font-size: 24px;
  font-size: 1.5rem; }

/* 24 to 20 */
fieldset legend,
.sp-announcement-panel h1,
.account .panel .row h2,
.account pre .row h2,
.account .syntaxhighlighter .row h2,
.account .twitter-typeahead .tt-dropdown-menu .row h2,
.twitter-typeahead .account .tt-dropdown-menu .row h2,
.modal--standard h2 {
  font-size: 20px;
  font-size: 1.25rem; }
  @media only screen and (min-width: 768px) {
    fieldset legend,
    .sp-announcement-panel h1,
    .account .panel .row h2,
    .account pre .row h2,
    .account .syntaxhighlighter .row h2,
    .account .twitter-typeahead .tt-dropdown-menu .row h2,
    .twitter-typeahead .account .tt-dropdown-menu .row h2,
    .modal--standard h2 {
      font-size: 24px;
      font-size: 1.5rem; } }

/* 22.fixed size - e.g. page secondary heading on Coming soon */
.sidebar-right .panel h2, .sidebar-right pre h2,
.sidebar-right .syntaxhighlighter h2, .sidebar-right .twitter-typeahead .tt-dropdown-menu h2, .twitter-typeahead .sidebar-right .tt-dropdown-menu h2,
.panel--inline-content h4 {
  font-size: 22px;
  font-size: 1.375rem; }

/* smaller22 to 16, but ipad16 */
.coming-soon .panel .panel-content h2, .coming-soon pre .panel-content h2,
.coming-soon .syntaxhighlighter .panel-content h2, .coming-soon .twitter-typeahead .tt-dropdown-menu .panel-content h2, .twitter-typeahead .coming-soon .tt-dropdown-menu .panel-content h2 {
  font-size: 16px;
  font-size: 1rem; }
  @media only screen and (min-width: 450px) {
    .coming-soon .panel .panel-content h2, .coming-soon pre .panel-content h2,
    .coming-soon .syntaxhighlighter .panel-content h2, .coming-soon .twitter-typeahead .tt-dropdown-menu .panel-content h2, .twitter-typeahead .coming-soon .tt-dropdown-menu .panel-content h2 {
      font-size: 22px;
      font-size: 1.375rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1060px) {
    .coming-soon .panel .panel-content h2, .coming-soon pre .panel-content h2,
    .coming-soon .syntaxhighlighter .panel-content h2, .coming-soon .twitter-typeahead .tt-dropdown-menu .panel-content h2, .twitter-typeahead .coming-soon .tt-dropdown-menu .panel-content h2 {
      font-size: 16px;
      font-size: 1rem; } }

/* 22 to 16 */
.landing-page.home .cta-button .button,
.landing-page.home .header-banner h2,
.landing-page .membership-features h3,
.landing-page .featured-classes h3,
.landing-page .testimonials h3,
.landing-page .membership-features .feature-list li h3,
.course-complete .full-width.featured-classes .product_title,
.product-page .course-support .panel.panel--tabbed h3,
.product-page .course-support pre.panel--tabbed h3,
.product-page .course-support .panel--tabbed.syntaxhighlighter h3,
.product-page .course-support .twitter-typeahead .panel--tabbed.tt-dropdown-menu h3,
.twitter-typeahead .product-page .course-support .panel--tabbed.tt-dropdown-menu h3,
.gift-certs .how-it-works .step-container .step .name {
  font-size: 16px;
  font-size: 1rem; }
  @media only screen and (min-width: 768px) {
    .landing-page.home .cta-button .button,
    .landing-page.home .header-banner h2,
    .landing-page .membership-features h3,
    .landing-page .featured-classes h3,
    .landing-page .testimonials h3,
    .landing-page .membership-features .feature-list li h3,
    .course-complete .full-width.featured-classes .product_title,
    .product-page .course-support .panel.panel--tabbed h3,
    .product-page .course-support pre.panel--tabbed h3,
    .product-page .course-support .panel--tabbed.syntaxhighlighter h3,
    .product-page .course-support .twitter-typeahead .panel--tabbed.tt-dropdown-menu h3,
    .twitter-typeahead .product-page .course-support .panel--tabbed.tt-dropdown-menu h3,
    .gift-certs .how-it-works .step-container .step .name {
      font-size: 22px;
      font-size: 1.375rem; } }

/* 22 to 16 via ipad16 [smaller16specifically set (to override default query higher up in this css file)] */
.order.order--cart .cart-item .product-description .product h2.product_title,
.landing-page .featured-topics .icon-list {
  font-size: 16px;
  font-size: 1rem; }
  @media only screen and (min-width: 450px) {
    .order.order--cart .cart-item .product-description .product h2.product_title,
    .landing-page .featured-topics .icon-list {
      font-size: 16px;
      font-size: 1rem; } }
  @media only screen and (min-width: 768px) {
    .order.order--cart .cart-item .product-description .product h2.product_title,
    .landing-page .featured-topics .icon-list {
      font-size: 22px;
      font-size: 1.375rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1060px) {
    .order.order--cart .cart-item .product-description .product h2.product_title,
    .landing-page .featured-topics .icon-list {
      font-size: 16px;
      font-size: 1rem; } }

/* 22 to 14 */
.order.order--cart .cart-item .price,
.order.order--cart .cart-item .qty-total-container .total,
.order.order--cart table.table__bottom tr.summary table.summary__inner tr td,
.banner--offer--with-ticks .panel ul.features,
.banner--offer--with-ticks pre ul.features,
.banner--offer--with-ticks .syntaxhighlighter ul.features,
.banner--offer--with-ticks .twitter-typeahead .tt-dropdown-menu ul.features,
.twitter-typeahead .banner--offer--with-ticks .tt-dropdown-menu ul.features {
  font-size: 14px;
  font-size: 0.875rem; }
  @media only screen and (min-width: 768px) {
    .order.order--cart .cart-item .price,
    .order.order--cart .cart-item .qty-total-container .total,
    .order.order--cart table.table__bottom tr.summary table.summary__inner tr td,
    .banner--offer--with-ticks .panel ul.features,
    .banner--offer--with-ticks pre ul.features,
    .banner--offer--with-ticks .syntaxhighlighter ul.features,
    .banner--offer--with-ticks .twitter-typeahead .tt-dropdown-menu ul.features,
    .twitter-typeahead .banner--offer--with-ticks .tt-dropdown-menu ul.features {
      font-size: 22px;
      font-size: 1.375rem; } }

/* 20.fixed */
.site-footer .newsletter h4 {
  font-size: 20px;
  font-size: 1.25rem; }

/* 20 to 16 */
.account.account--membership .yearly-upgrade-offer p,
.book .book-page #book-content .sitepoint-creditspage-credits > :first-child {
  font-size: 16px;
  font-size: 1rem; }
  @media only screen and (min-width: 768px) {
    .account.account--membership .yearly-upgrade-offer p,
    .book .book-page #book-content .sitepoint-creditspage-credits > :first-child {
      font-size: 20px;
      font-size: 1.25rem; } }

/* 18.fixed size */
blockquote {
  font-size: 18px;
  font-size: 1.125rem; }

/* 18.tablet and up */
@media only screen and (min-width: 768px) {
  .site-footer .footer-links li:first-child,
  .order.order--cart .heading {
    font-size: 18px;
    font-size: 1.125rem; } }

/* 18 to 16 */
.landing-page .featured-classes .feature-list > li .product_title_container .product_meta ul li.star-rating,
.landing-page .featured-classes .feature-list > li .product_title_container .product_title,
.course-complete .maincontent .panel .cta-details,
.course-complete .maincontent pre .cta-details,
.course-complete .maincontent .syntaxhighlighter .cta-details,
.course-complete .maincontent .twitter-typeahead .tt-dropdown-menu .cta-details,
.twitter-typeahead .course-complete .maincontent .tt-dropdown-menu .cta-details,
.course-complete .full-width.featured-classes .panels-container .panel .product_meta .star-rating,
.course-complete .full-width.featured-classes .panels-container pre .product_meta .star-rating,
.course-complete .full-width.featured-classes .panels-container .syntaxhighlighter .product_meta .star-rating,
.course-complete .full-width.featured-classes .panels-container .twitter-typeahead .tt-dropdown-menu .product_meta .star-rating,
.twitter-typeahead .course-complete .full-width.featured-classes .panels-container .tt-dropdown-menu .product_meta .star-rating,
.pricing .multi-user,
.product-page .panel.heading h2,
.product-page pre.heading h2,
.product-page .heading.syntaxhighlighter h2,
.product-page .twitter-typeahead .heading.tt-dropdown-menu h2,
.twitter-typeahead .product-page .heading.tt-dropdown-menu h2,
.product-page .panel.heading .product_meta,
.product-page pre.heading .product_meta,
.product-page .heading.syntaxhighlighter .product_meta,
.product-page .twitter-typeahead .heading.tt-dropdown-menu .product_meta,
.twitter-typeahead .product-page .heading.tt-dropdown-menu .product_meta,
.faq .question h2 {
  font-size: 16px;
  font-size: 1rem; }
  @media only screen and (min-width: 768px) {
    .landing-page .featured-classes .feature-list > li .product_title_container .product_meta ul li.star-rating,
    .landing-page .featured-classes .feature-list > li .product_title_container .product_title,
    .course-complete .maincontent .panel .cta-details,
    .course-complete .maincontent pre .cta-details,
    .course-complete .maincontent .syntaxhighlighter .cta-details,
    .course-complete .maincontent .twitter-typeahead .tt-dropdown-menu .cta-details,
    .twitter-typeahead .course-complete .maincontent .tt-dropdown-menu .cta-details,
    .course-complete .full-width.featured-classes .panels-container .panel .product_meta .star-rating,
    .course-complete .full-width.featured-classes .panels-container pre .product_meta .star-rating,
    .course-complete .full-width.featured-classes .panels-container .syntaxhighlighter .product_meta .star-rating,
    .course-complete .full-width.featured-classes .panels-container .twitter-typeahead .tt-dropdown-menu .product_meta .star-rating,
    .twitter-typeahead .course-complete .full-width.featured-classes .panels-container .tt-dropdown-menu .product_meta .star-rating,
    .pricing .multi-user,
    .product-page .panel.heading h2,
    .product-page pre.heading h2,
    .product-page .heading.syntaxhighlighter h2,
    .product-page .twitter-typeahead .heading.tt-dropdown-menu h2,
    .twitter-typeahead .product-page .heading.tt-dropdown-menu h2,
    .product-page .panel.heading .product_meta,
    .product-page pre.heading .product_meta,
    .product-page .heading.syntaxhighlighter .product_meta,
    .product-page .twitter-typeahead .heading.tt-dropdown-menu .product_meta,
    .twitter-typeahead .product-page .heading.tt-dropdown-menu .product_meta,
    .faq .question h2 {
      font-size: 18px;
      font-size: 1.125rem; } }

/* 18 to 14 */
.join-form-page .panel.form-panel .product-features-box p.product-features-text, .join-form-page pre.form-panel .product-features-box p.product-features-text,
.join-form-page .form-panel.syntaxhighlighter .product-features-box p.product-features-text, .join-form-page .twitter-typeahead .form-panel.tt-dropdown-menu .product-features-box p.product-features-text, .twitter-typeahead .join-form-page .form-panel.tt-dropdown-menu .product-features-box p.product-features-text,
.order.order--checkout .panel.form-panel .product-features-box p.product-features-text,
.order.order--checkout pre.form-panel .product-features-box p.product-features-text,
.order.order--checkout .form-panel.syntaxhighlighter .product-features-box p.product-features-text,
.order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .product-features-box p.product-features-text,
.twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .product-features-box p.product-features-text,
.order.order--checkout .panel.order-summary table tr.total td,
.order.order--checkout pre.order-summary table tr.total td,
.order.order--checkout .order-summary.syntaxhighlighter table tr.total td,
.order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu table tr.total td,
.twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu table tr.total td,
.landing-page-section.l-p-s--2-col p {
  font-size: 14px;
  font-size: 0.875rem; }
  @media only screen and (min-width: 768px) {
    .join-form-page .panel.form-panel .product-features-box p.product-features-text, .join-form-page pre.form-panel .product-features-box p.product-features-text,
    .join-form-page .form-panel.syntaxhighlighter .product-features-box p.product-features-text, .join-form-page .twitter-typeahead .form-panel.tt-dropdown-menu .product-features-box p.product-features-text, .twitter-typeahead .join-form-page .form-panel.tt-dropdown-menu .product-features-box p.product-features-text,
    .order.order--checkout .panel.form-panel .product-features-box p.product-features-text,
    .order.order--checkout pre.form-panel .product-features-box p.product-features-text,
    .order.order--checkout .form-panel.syntaxhighlighter .product-features-box p.product-features-text,
    .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .product-features-box p.product-features-text,
    .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .product-features-box p.product-features-text,
    .order.order--checkout .panel.order-summary table tr.total td,
    .order.order--checkout pre.order-summary table tr.total td,
    .order.order--checkout .order-summary.syntaxhighlighter table tr.total td,
    .order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu table tr.total td,
    .twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu table tr.total td,
    .landing-page-section.l-p-s--2-col p {
      font-size: 18px;
      font-size: 1.125rem; } }

/* 17.fixed size */
.comment .comment_body,
.product-page .panel.heading .product_meta,
.product-page pre.heading .product_meta,
.product-page .heading.syntaxhighlighter .product_meta,
.product-page .twitter-typeahead .heading.tt-dropdown-menu .product_meta,
.twitter-typeahead .product-page .heading.tt-dropdown-menu .product_meta {
  font-size: 17px;
  font-size: 1.0625rem; }

/* 16.fixed size */
.book .book-page #book-content .sitepoint-creditspage-legalnotice h2.sitepoint-creditspage-legalnotice-title,
.book .course-support p.structural-label,
.course .title-unit .title-unit_title h2,
.book .title-unit .title-unit_title h2,
.product-page .title-unit .title-unit_title h2,
.faq .question h2,
.order.order--checkout .panel.form-panel .errorExplanation h2,
.order.order--checkout pre.form-panel .errorExplanation h2,
.order.order--checkout .form-panel.syntaxhighlighter .errorExplanation h2,
.order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .errorExplanation h2,
.twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .errorExplanation h2 {
  font-size: 16px;
  font-size: 1rem; }

/* 16 to 14 */
p,
blockquote cite,
.account-nav.panel p,
pre.account-nav p,
.account-nav.syntaxhighlighter p,
.twitter-typeahead .account-nav.tt-dropdown-menu p,
.landing-page .membership-features .feature-list p,
.landing-page .featured-classes .feature-list p,
.landing-page .testimonials .feature-list p,
.landing-page .faq .questions p,
.landing-page.home .l-p-s--start-learning-today .fine-print,
.join-trial.landing-page .pricing-table .bullet-item,
.product-page .panel.heading p,
.product-page pre.heading p,
.product-page .heading.syntaxhighlighter p,
.product-page .twitter-typeahead .heading.tt-dropdown-menu p,
.twitter-typeahead .product-page .heading.tt-dropdown-menu p,
.product-page .course-support .panel.panel--tabbed p,
.product-page .course-support pre.panel--tabbed p,
.product-page .course-support .panel--tabbed.syntaxhighlighter p,
.product-page .course-support .twitter-typeahead .panel--tabbed.tt-dropdown-menu p,
.twitter-typeahead .product-page .course-support .panel--tabbed.tt-dropdown-menu p,
.product-page .course-support .panel.panel--tabbed ul li,
.product-page .course-support pre.panel--tabbed ul li,
.product-page .course-support .panel--tabbed.syntaxhighlighter ul li,
.product-page .course-support .twitter-typeahead .panel--tabbed.tt-dropdown-menu ul li,
.twitter-typeahead .product-page .course-support .panel--tabbed.tt-dropdown-menu ul li,
.modal--standard .close-link,
.order.order--cart table.table__bottom tr.update-total td {
  font-size: 14px;
  font-size: 0.875rem; }
  @media only screen and (min-width: 768px) {
    p,
    blockquote cite,
    .account-nav.panel p,
    pre.account-nav p,
    .account-nav.syntaxhighlighter p,
    .twitter-typeahead .account-nav.tt-dropdown-menu p,
    .landing-page .membership-features .feature-list p,
    .landing-page .featured-classes .feature-list p,
    .landing-page .testimonials .feature-list p,
    .landing-page .faq .questions p,
    .landing-page.home .l-p-s--start-learning-today .fine-print,
    .join-trial.landing-page .pricing-table .bullet-item,
    .product-page .panel.heading p,
    .product-page pre.heading p,
    .product-page .heading.syntaxhighlighter p,
    .product-page .twitter-typeahead .heading.tt-dropdown-menu p,
    .twitter-typeahead .product-page .heading.tt-dropdown-menu p,
    .product-page .course-support .panel.panel--tabbed p,
    .product-page .course-support pre.panel--tabbed p,
    .product-page .course-support .panel--tabbed.syntaxhighlighter p,
    .product-page .course-support .twitter-typeahead .panel--tabbed.tt-dropdown-menu p,
    .twitter-typeahead .product-page .course-support .panel--tabbed.tt-dropdown-menu p,
    .product-page .course-support .panel.panel--tabbed ul li,
    .product-page .course-support pre.panel--tabbed ul li,
    .product-page .course-support .panel--tabbed.syntaxhighlighter ul li,
    .product-page .course-support .twitter-typeahead .panel--tabbed.tt-dropdown-menu ul li,
    .twitter-typeahead .product-page .course-support .panel--tabbed.tt-dropdown-menu ul li,
    .modal--standard .close-link,
    .order.order--cart table.table__bottom tr.update-total td {
      font-size: 16px;
      font-size: 1rem; } }

/* 16 to 13 */
.alert-box,
.article div.syntaxhighlighter,
.landing-page .button-group {
  font-size: 13px;
  font-size: 0.8125rem; }
  @media only screen and (min-width: 768px) {
    .alert-box,
    .article div.syntaxhighlighter,
    .landing-page .button-group {
      font-size: 16px;
      font-size: 1rem; } }

/* 16 to 16 via 13ipad */
.category-nav .category-nav__list {
  font-size: 16px;
  font-size: 1rem; }
  @media only screen and (min-width: 768px) {
    .category-nav .category-nav__list {
      font-size: 16px;
      font-size: 1rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1060px) {
    .category-nav .category-nav__list {
      font-size: 13px;
      font-size: 0.8125rem; } }

/* 16 to 12 via smaller15 */
.product_list .panel p.topic-description, .product_list pre p.topic-description,
.product_list .syntaxhighlighter p.topic-description, .product_list .twitter-typeahead .tt-dropdown-menu p.topic-description, .twitter-typeahead .product_list .tt-dropdown-menu p.topic-description {
  font-size: 12px;
  font-size: 0.75rem; }
  @media only screen and (min-width: 450px) {
    .product_list .panel p.topic-description, .product_list pre p.topic-description,
    .product_list .syntaxhighlighter p.topic-description, .product_list .twitter-typeahead .tt-dropdown-menu p.topic-description, .twitter-typeahead .product_list .tt-dropdown-menu p.topic-description {
      font-size: 15px;
      font-size: 0.9375rem; } }
  @media only screen and (min-width: 768px) {
    .product_list .panel p.topic-description, .product_list pre p.topic-description,
    .product_list .syntaxhighlighter p.topic-description, .product_list .twitter-typeahead .tt-dropdown-menu p.topic-description, .twitter-typeahead .product_list .tt-dropdown-menu p.topic-description {
      font-size: 16px;
      font-size: 1rem; } }

/* 16 to 12 via 12ipad */
.coming-soon .panel .panel-content p.date, .coming-soon pre .panel-content p.date,
.coming-soon .syntaxhighlighter .panel-content p.date, .coming-soon .twitter-typeahead .tt-dropdown-menu .panel-content p.date, .twitter-typeahead .coming-soon .tt-dropdown-menu .panel-content p.date {
  font-size: 12px;
  font-size: 0.75rem; }
  @media only screen and (min-width: 768px) {
    .coming-soon .panel .panel-content p.date, .coming-soon pre .panel-content p.date,
    .coming-soon .syntaxhighlighter .panel-content p.date, .coming-soon .twitter-typeahead .tt-dropdown-menu .panel-content p.date, .twitter-typeahead .coming-soon .tt-dropdown-menu .panel-content p.date {
      font-size: 16px;
      font-size: 1rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1060px) {
    .coming-soon .panel .panel-content p.date, .coming-soon pre .panel-content p.date,
    .coming-soon .syntaxhighlighter .panel-content p.date, .coming-soon .twitter-typeahead .tt-dropdown-menu .panel-content p.date, .twitter-typeahead .coming-soon .tt-dropdown-menu .panel-content p.date {
      font-size: 12px;
      font-size: 0.75rem; } }

/* 15.fixed size */
code,
.account.account--profile form .make-public-container > div {
  font-size: 15px;
  font-size: 0.9375rem; }

/* 14.fixed */
.panel--inline-content .button,
.site-footer p,
.site-footer li,
.termsofservice.panel p,
pre.termsofservice p,
.termsofservice.syntaxhighlighter p,
.twitter-typeahead .termsofservice.tt-dropdown-menu p,
.panel .email-address,
pre .email-address,
.syntaxhighlighter .email-address,
.twitter-typeahead .tt-dropdown-menu .email-address,
.panel .author,
pre .author,
.syntaxhighlighter .author,
.twitter-typeahead .tt-dropdown-menu .author,
.category-nav .category-nav__list-item .category-nav_link,
.content-filters .button,
.content-filters .content-filters_filtered-by p,
.image-grid .image-grid_caption h2,
.image-grid .image-grid_caption p,
.member .member_social li,
.product_controls .tertiary,
.product_controls .product_meta .figure,
.product_meta .product_controls .figure,
.PUBLIC .external-links p,
.has-sash .sash,
.account.account--membership .billing-details .last-updated,
.account.account--membership .plan-info p,
.account.account--profile form .make-public-container > div.label-container label,
.book .book-page #book-content .sitepoint-creditspage-credits,
.book .book-page #book-content .toc,
.course caption,
.book caption,
.product-page caption,
.landing-page .featured-classes .feature-list > li .product_title_container p.product-author,
.landing-page.free-trial .landing-page-section.l-p-s--2-col .l-p-s__media .testimonials-carousel .bubble,
.testimonial-item--bubble.testimonial-item--bubble--abspos .testimonial-author .author__name,
.product-page .sidebar-right .panel ul li,
.product-page .sidebar-right pre ul li,
.product-page .sidebar-right .syntaxhighlighter ul li,
.product-page .sidebar-right .twitter-typeahead .tt-dropdown-menu ul li,
.twitter-typeahead .product-page .sidebar-right .tt-dropdown-menu ul li,
.join-form-page .sidebar-right .panel .table-cell,
.join-form-page .sidebar-right pre .table-cell,
.join-form-page .sidebar-right .syntaxhighlighter .table-cell,
.join-form-page .sidebar-right .twitter-typeahead .tt-dropdown-menu .table-cell,
.twitter-typeahead .join-form-page .sidebar-right .tt-dropdown-menu .table-cell,
.order.order--cart .cart-item .qty-total-container .qty .qty__mobile-label,
.order.order--cart .cart-item .qty-total-container .qty .qty-count,
.order.order--cart .cart-item .product .product_supporting p {
  font-size: 14px;
  font-size: 0.875rem; }

/* 14 to 13 */
.landing-page .testimonials .feature-list > li.has-avatar .testimonial-text,
.landing-page.voucher .voucher-content .voucher-id,
.testimonials .testimonial-text,
.site-footer.site-footer--reduced .site-footer__simple-links,
.site-footer .site-footer__copyright {
  font-size: 13px;
  font-size: 0.8125rem; }
  @media only screen and (min-width: 768px) {
    .landing-page .testimonials .feature-list > li.has-avatar .testimonial-text,
    .landing-page.voucher .voucher-content .voucher-id,
    .testimonials .testimonial-text,
    .site-footer.site-footer--reduced .site-footer__simple-links,
    .site-footer .site-footer__copyright {
      font-size: 14px;
      font-size: 0.875rem; } }

/* 14 to 12 */
.product_meta,
.csscontentsash:after,
.modal-download-contents .media-description,
.sp-announcement-panel.sp-announcement-panel--top h1,
.sp-announcement-panel.sp-announcement-panel--top a {
  font-size: 12px;
  font-size: 0.75rem; }
  @media only screen and (min-width: 768px) {
    .product_meta,
    .csscontentsash:after,
    .modal-download-contents .media-description,
    .sp-announcement-panel.sp-announcement-panel--top h1,
    .sp-announcement-panel.sp-announcement-panel--top a {
      font-size: 14px;
      font-size: 0.875rem; } }

/* 14 to 12 via smaller15 */
.product .product_supporting p {
  font-size: 12px;
  font-size: 0.75rem; }
  @media only screen and (min-width: 450px) {
    .product .product_supporting p {
      font-size: 15px;
      font-size: 0.9375rem; } }
  @media only screen and (min-width: 768px) {
    .product .product_supporting p {
      font-size: 14px;
      font-size: 0.875rem; } }

/* 14 tablet and up */
@media only screen and (min-width: 768px) {
  .termsofservice .indent li,
  .comment .poster_title,
  .discussion-page h4 {
    font-size: 14px;
    font-size: 0.875rem; } }

/* 13.fixed */
pre p,
.syntaxhighlighter p,
.form-field__description,
.form-field__description label,
.join-form-page .panel.form-panel .column--form-field #strength-indicator,
.join-form-page pre.form-panel .column--form-field #strength-indicator,
.join-form-page .form-panel.syntaxhighlighter .column--form-field #strength-indicator,
.join-form-page .twitter-typeahead .form-panel.tt-dropdown-menu .column--form-field #strength-indicator,
.twitter-typeahead .join-form-page .form-panel.tt-dropdown-menu .column--form-field #strength-indicator,
.sign-up-modal .column--form-field #strength-indicator,
.sidebar-right .testimonial-item.testimonial-item--bubble .bubble .testimonial-text,
.sidebar-right .testimonial-item.testimonial-item--bubble .testimonial-author .author__name,
.site-footer .newsletter input {
  font-size: 13px;
  font-size: 0.8125rem; }

/* 12 tablet and up */
@media only screen and (min-width: 768px) {
  .discussion-page .most-popular-courses li,
  .discussion-page .most-popular-books li {
    font-size: 12px;
    font-size: 0.75rem; } }

/* 12.fixed */
.account-nav .credits,
.email-address,
.author,
.button.verbose span,
.comment-metadata,
.comment-contribution_text-entry .comment-contribution_text-entry_help,
.comment-contribution_text-entry .comment-contribution_text-entry_help code,
form .make-public-container,
.product_controls_flyout,
.panel .tags,
pre .tags,
.syntaxhighlighter .tags,
.twitter-typeahead .tt-dropdown-menu .tags,
.account.account--membership .billing-details p.notes,
.account.account--membership .payment-history p.notes,
.account.account--profile form .has-avatar a,
.account.account--commissions .breakdown,
.admin .user-page .panel .section-container.tabs table th,
.admin .user-page pre .section-container.tabs table th,
.admin .user-page .syntaxhighlighter .section-container.tabs table th,
.admin .user-page .twitter-typeahead .tt-dropdown-menu .section-container.tabs table th,
.twitter-typeahead .admin .user-page .tt-dropdown-menu .section-container.tabs table th {
  font-size: 12px;
  font-size: 0.75rem; }

/* 10.fixed */
.gift-certs .change-tz-link a {
  font-size: 10px;
  font-size: 0.625rem; }

/********** END GLOBAL FONT SIZES ***********/
/*# HEADINGS #*/
h1, h2, h3, h4, h5 {
  letter-spacing: -0.03em;
  line-height: 1.25; }

h1 {
  margin-top: 0; }

h2, h3 {
  font-weight: 700; }

.sidebar-right .panel h2, .sidebar-right pre h2,
.sidebar-right .syntaxhighlighter h2, .sidebar-right .twitter-typeahead .tt-dropdown-menu h2, .twitter-typeahead .sidebar-right .tt-dropdown-menu h2 {
  font-weight: 700; }

/*# EVERYTHING ELSE #*/
ol, ul {
  margin-left: 24px; }

a:focus {
  outline: 1px dotted #888; }

.dark-link {
  color: #949494; }
  .dark-link:hover, .dark-link:active {
    color: #6e6e6e; }

a.underlined {
  text-decoration: underline; }

blockquote {
  font-weight: 700; }
  blockquote p {
    font-weight: 700; }
  blockquote cite {
    font-weight: normal; }

/* -- centered headings NOT within panels  -- e.g. Testimonials or Affiliate static pages */
.row > h1 {
  margin: 0.625em;
  text-align: center; }
  .row > h1 + h2 {
    margin: -0.625em 0.375em 1em; }
  @media only screen and (min-width: 768px) {
    .row > h1 {
      margin: 0 0.9375em 0.9375em; }
      .row > h1 + h2 {
        margin: -1.25em 0.875em 1.5em; } }
.row > h2 {
  color: #949494;
  text-align: center; }

.panel .tertiary, pre .tertiary,
.syntaxhighlighter .tertiary, .twitter-typeahead .tt-dropdown-menu .tertiary, .panel .product_meta .figure, .product_meta .panel .figure, pre .product_meta .figure, .product_meta pre .figure,
.syntaxhighlighter .product_meta .figure,
.product_meta .syntaxhighlighter .figure, .twitter-typeahead .tt-dropdown-menu .product_meta .figure, .product_meta .twitter-typeahead .tt-dropdown-menu .figure {
  color: #949494;
  line-height: 1.5; }
  .panel .tertiary a, pre .tertiary a,
  .syntaxhighlighter .tertiary a, .twitter-typeahead .tt-dropdown-menu .tertiary a, .panel .product_meta .figure a, .product_meta .panel .figure a, pre .product_meta .figure a, .product_meta pre .figure a,
  .syntaxhighlighter .product_meta .figure a,
  .product_meta .syntaxhighlighter .figure a, .twitter-typeahead .tt-dropdown-menu .product_meta .figure a, .product_meta .twitter-typeahead .tt-dropdown-menu .figure a {
    color: #949494;
    text-decoration: underline; }

/* -- adds automatic  ellipsis to area limited text -- */
.text-overflow {
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

/* 52 to 26 */
.header-banner h1,
.header-banner .row > h1,
.FOO_ADD_MORE_RULES_HERE_ON_NEW_LINES {
  font-size: 26px;
  font-size: 1.625rem; }
  @media only screen and (min-width: 768px) {
    .header-banner h1,
    .header-banner .row > h1,
    .FOO_ADD_MORE_RULES_HERE_ON_NEW_LINES {
      font-size: 52px;
      font-size: 3.25rem; } }

/* 35 to 20 */
.header-banner h2,
.header-banner .row > h2,
.FOO_ADD_MORE_RULES_HERE_ON_NEW_LINES {
  font-size: 20px;
  font-size: 1.25rem; }
  @media only screen and (min-width: 768px) {
    .header-banner h2,
    .header-banner .row > h2,
    .FOO_ADD_MORE_RULES_HERE_ON_NEW_LINES {
      font-size: 35px;
      font-size: 2.1875rem; } }

/*----------------------------------------------------------------------------------------------------------
#############################################  STYLES FOR DISPLAYING CODE
----------------------------------------------------------------------------------------------------------*/
code {
  background: #e5e5e5;
  border-radius: 2px;
  padding: 2px 8px; }

pre,
.syntaxhighlighter {
  border-radius: 0;
  border-width: 1px 0;
  font-family: Consolas, Monaco, 'Andale Mono', monospace !important;
  font-display: auto;
  line-height: 24px !important;
  overflow: auto; }
  pre code,
  .syntaxhighlighter code {
    background: none;
    border-radius: 0;
    padding: 0; }

.article div.syntaxhighlighter {
  padding-left: 0;
  padding-right: 0; }
  .article div.syntaxhighlighter a,
  .article div.syntaxhighlighter div,
  .article div.syntaxhighlighter code,
  .article div.syntaxhighlighter table,
  .article div.syntaxhighlighter table td,
  .article div.syntaxhighlighter table tr,
  .article div.syntaxhighlighter table tbody,
  .article div.syntaxhighlighter table thead,
  .article div.syntaxhighlighter table caption,
  .article div.syntaxhighlighter textarea {
    font-family: Consolas, Monaco, 'Andale Mono', monospace !important;
    font-display: auto;
    line-height: 24px !important; }

/*# FOUNDATION MODULE OVERRIDES #*/
/*----------------------------------------------------------------------------------------------------------
#############################################  EXTRAS FOR ALERT BOXES
----------------------------------------------------------------------------------------------------------*/
.alert-box {
  line-height: 1.4; }
  .alert-box a {
    color: #fff;
    text-decoration: underline; }
    .alert-box a:hover {
      text-decoration: none; }
  .alert-box.secondary a {
    color: #fff;
    text-decoration: none; }
    .alert-box.secondary a:hover {
      text-decoration: underline; }

.breadcrumbs > * a,
.breadcrumbs > * span {
  text-decoration: underline; }
.breadcrumbs > *.current a,
.breadcrumbs > *.current span {
  text-decoration: none; }

/*----------------------------------------------------------------------------------------------------------
#############################################  BUTTON GROUPS OVERRIDES
----------------------------------------------------------------------------------------------------------*/
/* PLEASE MAP 1:1 TO FOUNDATION'S DEFINITIONS' TREE STRUCTURE FOR EASY ORIENTATION WHEN ADDING NEW OVERRIDES */
/* Button Groups */
.button-group.thick-border .button {
  border-width: 2px; }
.button-group .button {
  border-width: 1px;
  border-color: #7da5b8; }
  .button-group .button:hover {
    border-color: #69accc; }
  .button-group .button.transparent {
    border-color: #fff; }
  .button-group .button.start {
    border-color: #369bc8; }
    .button-group .button.start:hover {
      background-color: #03aefb;
      border-color: #03aefb; }
@media only screen and (min-width: 768px) {
  .button-group.separated > * {
    padding-left: 10px;
    padding-right: 10px; } }

/*----------------------------------------------------------------------------------------------------------
#############################################  BUTTONS OVERRIDES
----------------------------------------------------------------------------------------------------------*/
/* PLEASE MAP 1:1 TO FOUNDATION'S DEFINITIONS' TREE STRUCTURE FOR EASY ORIENTATION WHEN ADDING NEW OVERRIDES */
button,
.button {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #7da5b8;
  border-color: #7da5b8;
  color: #fff;
  text-transform: capitalize;
  font-weight: normal;
  transition-property: border-color, background-color;
  line-height: 1;
  border-width: 1px; }
  button:hover,
  .button:hover {
    background: #69accc;
    border-color: #69accc; }
  button.tiny,
  .button.tiny {
    border-width: 0; }

button.small, .button.small {
  font-size: 16px;
  padding: 0.7em 0.5em 0.7em 0.5em;
  -webkit-appearance: none; }

button.transparent, .button.transparent {
  background-color: transparent;
  border-color: #1c94c6;
  border-width: 1px;
  color: #1c94c6; }
  button.transparent:hover, .button.transparent:hover {
    color: #167399;
    background-color: rgba(0, 0, 0, 0.03);
    border-color: #167399; }

button.transparent.inverted, .button.transparent.inverted {
  background-color: transparent;
  border-color: #7da5b8;
  border-width: 1px;
  color: #7da5b8; }
  button.transparent.inverted:hover, .button.transparent.inverted:hover {
    background-color: transparent;
    border-color: #497286;
    color: #497286; }

/*# FULL WIDTH MOBILE BUTTON (More button) #*/
.more {
  width: 100%; }
  @media only screen and (min-width: 450px) {
    .more {
      width: auto; } }

.button.start {
  background-color: #369bc8;
  border-color: #369bc8;
  color: #fff; }
  .button.start:hover, .button.start:focus {
    background-color: #2d82a8;
    border-color: #2d82a8; }
  .button.start:hover, .button.start:focus {
    color: #fff; }
.button.start-lighter {
  background-color: #69c1e3;
  border-color: #69c1e3;
  color: #fff; }
  .button.start-lighter:hover, .button.start-lighter:focus {
    background-color: #47b3dd;
    border-color: #47b3dd; }
  .button.start-lighter:hover, .button.start-lighter:focus {
    color: #fff; }
.button.gray {
  background-color: #949494;
  border-color: #949494;
  color: #fff; }
  .button.gray:hover, .button.gray:focus {
    background-color: gray;
    border-color: gray; }
  .button.gray:hover, .button.gray:focus {
    color: #fff; }
.button.previous {
  background-color: #fff;
  border-color: #dbdbd5;
  color: #dbdbd5; }
  .button.previous:hover {
    background-color: #fbfbfb;
    color: #acac9e;
    border-color: #acac9e; }
.button.verbose {
  width: auto;
  padding: 0.75em; }
  .button.verbose span {
    display: block;
    font-weight: 400; }
.button.loading {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWxvYWRlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQwIDcyQzIyLjQgNzIgOCA1Ny42IDggNDBTMjIuNCA4IDQwIDhzMzIgMTQuNCAzMiAzMmMwIDEuMS0uOSAyLTIgMnMtMi0uOS0yLTJjMC0xNS40LTEyLjYtMjgtMjgtMjhTMTIgMjQuNiAxMiA0MHMxMi42IDI4IDI4IDI4YzEuMSAwIDIgLjkgMiAycy0uOSAyLTIgMnoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNDAgNDAiIHRvPSIzNjAgNDAgNDAiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PC9zdmc+);
  background-position: center;
  background-size: 1.5rem;
  background-repeat: no-repeat;
  color: transparent;
  transition: color linear 150ms;
  transition-duration: 0s; }
  .button.loading:hover, .button.loading:focus {
    color: transparent; }

/*----------------------------------------------------------------------------------------------------------
#############################################  FORMS OVERRIDES
----------------------------------------------------------------------------------------------------------*/
input[type="checkbox"],
input[type="radio"] {
  margin-right: 0.6875em; }

form {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 66.25em;
  *zoom: 1; }
  form:before, form:after {
    content: " ";
    display: table; }
  form:after {
    clear: both; }

button, input {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

input {
  border: solid 1px #e5e5e5; }

fieldset legend {
  position: relative;
  padding-left: 0.625em;
  padding-right: 0.625em;
  width: 100%;
  float: left;
  letter-spacing: -0.05em;
  line-height: 1.25;
  margin-bottom: 1.2em; }

textarea {
  height: auto; }

/*# CONTROL GROUPS FOR BETTER LAYOUT #*/
.control-group--inline label {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  width: 50%;
  float: left;
  margin-bottom: 1.25em; }
  @media only screen and (min-width: 768px) {
    .control-group--inline label {
      position: relative;
      padding-left: 0;
      padding-right: 0;
      width: 25%;
      float: left; } }

/*# FORM ACTIONS #*/
.form-actions {
  *zoom: 1;
  clear: both; }
  .form-actions:before, .form-actions:after {
    content: " ";
    display: table; }
  .form-actions:after {
    clear: both; }
  .form-actions .button {
    margin-bottom: 0; }
    .form-actions .button.success {
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .form-actions .button.success {
          float: right;
          width: auto; } }

/*# CLEAR PLACEHOLDER ON FOCUS  #*/
[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.25s 0.5s ease;
  opacity: 0; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="phone"],
textarea {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-appearance: none; }

.error small,
small.error {
  background: transparent;
  color: #df5e54;
  line-height: 1.2; }

/*----------------------------------------------------------------------------------------------------------
#############################################  PANEL OVERIDES
----------------------------------------------------------------------------------------------------------*/
.panel, pre,
.syntaxhighlighter, .twitter-typeahead .tt-dropdown-menu,
pre,
.syntaxhighlighter {
  border: none;
  padding: 0.625em;
  margin-bottom: 1.25em; }
  .panel h1, pre h1,
  .syntaxhighlighter h1, .twitter-typeahead .tt-dropdown-menu h1, .panel h2, pre h2,
  .syntaxhighlighter h2, .twitter-typeahead .tt-dropdown-menu h2, .panel h3, pre h3,
  .syntaxhighlighter h3, .twitter-typeahead .tt-dropdown-menu h3,
  pre h1,
  pre h2,
  pre h3,
  .syntaxhighlighter h1,
  .syntaxhighlighter h2,
  .syntaxhighlighter h3 {
    line-height: 1.25;
    margin-top: 0; }
  .panel p, pre p,
  .syntaxhighlighter p, .twitter-typeahead .tt-dropdown-menu p,
  pre p,
  .syntaxhighlighter p {
    line-height: 1.5; }
  .panel.panel--tabbed, pre.panel--tabbed,
  .panel--tabbed.syntaxhighlighter, .twitter-typeahead .panel--tabbed.tt-dropdown-menu,
  pre.panel--tabbed,
  .syntaxhighlighter.panel--tabbed {
    margin-top: 46px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0;
    padding-top: 0; }
    .panel.panel--tabbed .section-container.tabs section, pre.panel--tabbed .section-container.tabs section,
    .panel--tabbed.syntaxhighlighter .section-container.tabs section, .twitter-typeahead .panel--tabbed.tt-dropdown-menu .section-container.tabs section,
    pre.panel--tabbed .section-container.tabs section,
    .syntaxhighlighter.panel--tabbed .section-container.tabs section {
      margin-top: -42px;
      padding-bottom: 42px; }
  .panel.panel--dashboard-placeholder, pre.panel--dashboard-placeholder,
  .panel--dashboard-placeholder.syntaxhighlighter, .twitter-typeahead .panel--dashboard-placeholder.tt-dropdown-menu,
  pre.panel--dashboard-placeholder,
  .syntaxhighlighter.panel--dashboard-placeholder {
    padding-top: 0; }
  .panel.panel--unpadded, pre.panel--unpadded,
  .panel--unpadded.syntaxhighlighter, .twitter-typeahead .panel--unpadded.tt-dropdown-menu,
  pre.panel--unpadded,
  .syntaxhighlighter.panel--unpadded {
    padding: 0; }
    .panel.panel--unpadded .panel__section, pre.panel--unpadded .panel__section,
    .panel--unpadded.syntaxhighlighter .panel__section, .twitter-typeahead .panel--unpadded.tt-dropdown-menu .panel__section,
    pre.panel--unpadded .panel__section,
    .syntaxhighlighter.panel--unpadded .panel__section {
      padding: 0.625em; }
      .panel.panel--unpadded .panel__section.panel__section--bordered, pre.panel--unpadded .panel__section.panel__section--bordered,
      .panel--unpadded.syntaxhighlighter .panel__section.panel__section--bordered, .twitter-typeahead .panel--unpadded.tt-dropdown-menu .panel__section.panel__section--bordered,
      pre.panel--unpadded .panel__section.panel__section--bordered,
      .syntaxhighlighter.panel--unpadded .panel__section.panel__section--bordered {
        border-bottom: 1px solid #dbdbdb;
        border-top: 1px solid #dbdbdb; }
      .panel.panel--unpadded .panel__section.panel__section--darker, pre.panel--unpadded .panel__section.panel__section--darker,
      .panel--unpadded.syntaxhighlighter .panel__section.panel__section--darker, .twitter-typeahead .panel--unpadded.tt-dropdown-menu .panel__section.panel__section--darker,
      pre.panel--unpadded .panel__section.panel__section--darker,
      .syntaxhighlighter.panel--unpadded .panel__section.panel__section--darker {
        background: #fbfbfb; }
      .panel.panel--unpadded .panel__section > *:last-child, pre.panel--unpadded .panel__section > *:last-child,
      .panel--unpadded.syntaxhighlighter .panel__section > *:last-child, .twitter-typeahead .panel--unpadded.tt-dropdown-menu .panel__section > *:last-child,
      pre.panel--unpadded .panel__section > *:last-child,
      .syntaxhighlighter.panel--unpadded .panel__section > *:last-child {
        margin-bottom: 0; }
  @media only screen and (min-width: 450px) {
    .panel, pre,
    .syntaxhighlighter, .twitter-typeahead .tt-dropdown-menu,
    pre,
    .syntaxhighlighter {
      border: solid 1px #e5e5e5;
      border-radius: 2px; }
      .panel.panel--dashboard-placeholder, pre.panel--dashboard-placeholder,
      .panel--dashboard-placeholder.syntaxhighlighter, .twitter-typeahead .panel--dashboard-placeholder.tt-dropdown-menu,
      pre.panel--dashboard-placeholder,
      .syntaxhighlighter.panel--dashboard-placeholder {
        border-style: dashed; }
      .panel.panel--unpadded .panel__section.panel__section--bordered:first-child, pre.panel--unpadded .panel__section.panel__section--bordered:first-child,
      .panel--unpadded.syntaxhighlighter .panel__section.panel__section--bordered:first-child, .twitter-typeahead .panel--unpadded.tt-dropdown-menu .panel__section.panel__section--bordered:first-child,
      pre.panel--unpadded .panel__section.panel__section--bordered:first-child,
      .syntaxhighlighter.panel--unpadded .panel__section.panel__section--bordered:first-child {
        -moz-border-radius-topright: 4px;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top: none; }
      .panel.panel--unpadded .panel__section.panel__section--bordered:last-child, pre.panel--unpadded .panel__section.panel__section--bordered:last-child,
      .panel--unpadded.syntaxhighlighter .panel__section.panel__section--bordered:last-child, .twitter-typeahead .panel--unpadded.tt-dropdown-menu .panel__section.panel__section--bordered:last-child,
      pre.panel--unpadded .panel__section.panel__section--bordered:last-child,
      .syntaxhighlighter.panel--unpadded .panel__section.panel__section--bordered:last-child {
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom: none; } }
  @media only screen and (min-width: 768px) {
    .panel, pre,
    .syntaxhighlighter, .twitter-typeahead .tt-dropdown-menu,
    pre,
    .syntaxhighlighter {
      padding: 1.5625em; }
      .panel.panel--width-limited, pre.panel--width-limited,
      .panel--width-limited.syntaxhighlighter, .twitter-typeahead .panel--width-limited.tt-dropdown-menu,
      pre.panel--width-limited,
      .syntaxhighlighter.panel--width-limited {
        margin-left: auto;
        margin-right: auto;
        max-width: 55.625em; }
      .panel.panel--unpadded .panel__section, pre.panel--unpadded .panel__section,
      .panel--unpadded.syntaxhighlighter .panel__section, .twitter-typeahead .panel--unpadded.tt-dropdown-menu .panel__section,
      pre.panel--unpadded .panel__section,
      .syntaxhighlighter.panel--unpadded .panel__section {
        padding: 1.5625em; } }

@media only screen and (min-width: 768px) {
  .sidebar-right .panel--unpadded .panel__section {
    padding: 1.25em; } }
.panel--inline-content {
  *zoom: 1;
  margin: 1.875em 0;
  max-width: 40em; }
  .panel--inline-content:before, .panel--inline-content:after {
    content: " ";
    display: table; }
  .panel--inline-content:after {
    clear: both; }
  .panel--inline-content h4 {
    line-height: 1.25;
    margin: 0 0 1em;
    text-align: center; }
    @media only screen and (min-width: 58.75em) {
      .panel--inline-content h4 {
        float: left;
        margin: 0;
        text-align: left;
        width: 50%; } }
  .panel--inline-content .button {
    display: block;
    margin: 0;
    width: 100%; }
    @media only screen and (min-width: 58.75em) {
      .panel--inline-content .button {
        float: right;
        width: 40%; } }

/* Progress Bar - hide on phone */
.progress {
  background: #f3f3f3;
  padding: 0;
  border: 0 none; }
  .progress .meter {
    background: #7da5b8; }

/*----------------------------------------------------------------------------------------------------------
#############################################  REVEAL MODAL OVERRIDES
----------------------------------------------------------------------------------------------------------*/
/* PLEASE MAP 1:1 TO FOUNDATION'S DEFINITIONS' TREE STRUCTURE FOR EASY ORIENTATION WHEN ADDING NEW OVERRIDES */
.reveal-modal {
  margin-left: -150px;
  width: 300px; }

@media only screen and (min-width: 450px) {
  .reveal-modal.small {
    margin-left: -200px;
    width: 400px; }
  .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge {
    margin-left: -215px;
    width: 430px; } }
@media only screen and (min-width: 768px) {
  .reveal-modal.tiny {
    margin-left: -150px;
    width: 300px; }
  .reveal-modal.small {
    margin-left: -200px;
    width: 400px; }
  .reveal-modal.medium {
    margin-left: -250px;
    width: 500px; }
  .reveal-modal.large {
    margin-left: -300px;
    width: 600px; }
  .reveal-modal.xlarge {
    margin-left: -350px;
    width: 700px; } }
/*----------------------------------------------------------------------------------------------------------
#############################################  SECTION NAV OVERIDES
----------------------------------------------------------------------------------------------------------*/
.section-container, .section-container.tabs {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 0 none #cccccc;
  z-index: 2; }

.section-container.accordion > section > .title,
.section-container.accordion > .section > .title {
  background-color: #fff;
  border: 0 none;
  border-bottom: solid 1px #e5e5e5;
  border: solid 1px #e5e5e5;
  border-bottom: none 0; }
  .section-container.accordion > section > .title a,
  .section-container.accordion > .section > .title a {
    padding: 0.9375em 1.25em; }
  .section-container.accordion > section > .title a,
  .section-container.accordion > .section > .title a {
    padding: 0.9375em 1.25em; }
  .section-container.accordion > section > .title.active, .section-container.accordion > section > .title:hover,
  .section-container.accordion > .section > .title.active,
  .section-container.accordion > .section > .title:hover {
    background-color: #6ac1e3; }
    .section-container.accordion > section > .title.active a, .section-container.accordion > section > .title:hover a,
    .section-container.accordion > .section > .title.active a,
    .section-container.accordion > .section > .title:hover a {
      color: #fff; }

@media only screen and (min-width: 450px) {
  .section-container.accordion > section:first-child .title,
  .section-container.accordion > .section:first-child .title {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0; } }

.section-container.accordion > section:last-child .title,
.section-container.accordion > .section:last-child .title {
  border-bottom: 1px solid #e5e5e5; }
  @media only screen and (min-width: 450px) {
    .section-container.accordion > section:last-child .title,
    .section-container.accordion > .section:last-child .title {
      -webkit-border-radius: 0 0 4px 4px;
      border-radius: 0 0 4px 4px; } }

@media only screen and (min-width: 450px) {
  .section-container.accordion > section:only-child .title,
  .section-container.accordion > .section:only-child .title {
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px; } }

@media only screen and (min-width: 450px) {
  .sidebar-right .section-container.accordion > section:last-child .title,
  .sidebar-right .section-container.accordion > .section:last-child .title {
    border-bottom: none; } }

section.search {
  margin-left: 10px;
  margin-right: 10px; }
  section.search form {
    margin: 0 0 1.125em; }
    section.search form input#q {
      -webkit-border-radius: 4px;
      border-radius: 4px;
      color: #333;
      outline: 0 none;
      padding: 0.875em 1.125em;
      width: 100%;
      position: relative; }
  @media only screen and (min-width: 450px) {
    section.search {
      margin-left: 0;
      margin-right: 0; } }

.section-container.tabs > section > .title,
.section-container.tabs > .section > .title {
  background-color: transparent;
  border: 0 none;
  color: #949494;
  margin-left: -1px; }
  .section-container.tabs > section > .title:hover,
  .section-container.tabs > .section > .title:hover {
    background-color: transparent; }
  .section-container.tabs > section > .title a,
  .section-container.tabs > .section > .title a {
    background-color: #fbfbfb;
    border: 1px solid #e5e5e5;
    color: #949494;
    padding: 0.9375em 0.8em; }
    .section-container.tabs > section > .title a:hover,
    .section-container.tabs > .section > .title a:hover {
      color: #424242;
      background-color: #fff; }
    .section-container.tabs > section > .title a:focus,
    .section-container.tabs > .section > .title a:focus {
      outline: none; }
.section-container.tabs > section:last-child > .title,
.section-container.tabs > .section:last-child > .title {
  border-right: none; }
.section-container.tabs > section.active > .title,
.section-container.tabs > .section.active > .title {
  background-color: transparent; }
  .section-container.tabs > section.active > .title a,
  .section-container.tabs > .section.active > .title a {
    background-color: #fff;
    border-bottom-color: #fff; }
.section-container.tabs > section .content,
.section-container.tabs > .section .content {
  border: none;
  padding: 10px;
  top: 0; }
  .section-container.tabs > section .content > .row,
  .section-container.tabs > .section .content > .row {
    margin-left: 0;
    margin-right: 0; }
@media only screen and (min-width: 768px) {
  .section-container.tabs > section > .title,
  .section-container.tabs > .section > .title {
    padding: 0 5px 0 0; }
    .section-container.tabs > section > .title a,
    .section-container.tabs > .section > .title a {
      padding: 0.9375em 1.6875em; }
  .section-container.tabs > section .content,
  .section-container.tabs > .section .content {
    padding: 24px; } }

/* active state */
/*# LEARNABLE PAGES #*/
/*----------------------------------------------------------------------------------------------------------
#############################################  PAGE LAYOUTS NEEDED
----------------------------------------------------------------------------------------------------------*/
/*# VERY GENERIC WIDTH BASES #*/
.full-width {
  position: relative;
  padding-left: 0.625em;
  padding-right: 0.625em;
  width: 100%;
  float: left; }

.maincontent {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: left; }
  @media only screen and (min-width: 450px) {
    .maincontent {
      position: relative;
      padding-left: 0.625em;
      padding-right: 0.625em;
      width: 100%;
      float: left;
      padding-top: 0.625em; } }
  @media only screen and (min-width: 768px) {
    .maincontent {
      position: relative;
      padding-left: 0.625em;
      padding-right: 0.625em;
      width: 100%;
      float: left;
      padding-top: 1.875em;
      padding-bottom: 1.875em; } }

.maincontent.maincontent--ribbongreen {
  padding-top: 22px;
  position: relative; }
  .maincontent.maincontent--ribbongreen:before {
    border-color: #90c352;
    border-style: solid;
    border-width: 8px 16px;
    border-bottom-color: transparent;
    content: ' ';
    display: block;
    height: 28px;
    position: absolute;
    top: 0;
    left: calc(50% - 16px); }
  @media only screen and (min-width: 768px) {
    .maincontent.maincontent--ribbongreen {
      padding-top: 75px; }
      .maincontent.maincontent--ribbongreen:before {
        border-width: 16px 31px;
        height: 56px;
        left: calc(50% - 31px); } }

@media only screen and (min-width: 768px) {
  .maincontent.maincontent--2-col-layout {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 75%;
    float: left; } }
@media only screen and (min-width: 768px) and (max-width: 1060px) {
  .maincontent.maincontent--2-col-layout.maincontent--2-col-layout--tablet-reduce-size {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 68.75%;
    float: left; }
    .maincontent.maincontent--2-col-layout.maincontent--2-col-layout--tablet-reduce-size + .sidebar-right {
      position: relative;
      padding-left: 0.625em;
      padding-right: 0.625em;
      width: 31.25%;
      float: left; } }

.sidebar-left {
  padding-top: 0.625em; }

.sidebar-left,
.sidebar-right {
  margin-bottom: 1em; }
  @media only screen and (min-width: 450px) {
    .sidebar-left,
    .sidebar-right {
      padding-top: 0.625em; } }
  @media only screen and (min-width: 768px) {
    .sidebar-left,
    .sidebar-right {
      position: relative;
      padding-left: 0.625em;
      padding-right: 0.625em;
      width: 25%;
      float: left;
      padding-top: 1.875em; } }

@media only screen and (min-width: 768px) {
  .sidebar-right.sidebar-right--preceding {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 25%;
    left: 75%;
    right: auto;
    float: left; }
    .sidebar-right.sidebar-right--preceding + .maincontent {
      position: relative;
      padding-left: 0.625em;
      padding-right: 0.625em;
      width: 75%;
      right: 25%;
      left: auto;
      float: left; } }

/*# PAGE LAYOUTS BASICS #*/
.main {
  background: #fff;
  padding: 1em;
  border: solid 1px #e5e5e5;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.smallpanels > .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: left; }
  @media only screen and (min-width: 450px) {
    .smallpanels > .columns {
      position: relative;
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      float: left; } }
  @media only screen and (min-width: 768px) {
    .smallpanels > .columns {
      position: relative;
      padding-left: 0.625em;
      padding-right: 0.625em;
      width: 50%;
      float: left; } }

.account.account--membership .panel .row > .columns > .row, .account.account--membership pre .row > .columns > .row,
.account.account--membership .syntaxhighlighter .row > .columns > .row, .account.account--membership .twitter-typeahead .tt-dropdown-menu .row > .columns > .row, .twitter-typeahead .account.account--membership .tt-dropdown-menu .row > .columns > .row,
.account.account--settings .panel .row > .columns > form > .row,
.account.account--settings pre .row > .columns > form > .row,
.account.account--settings .syntaxhighlighter .row > .columns > form > .row,
.account.account--settings .twitter-typeahead .tt-dropdown-menu .row > .columns > form > .row,
.twitter-typeahead .account.account--settings .tt-dropdown-menu .row > .columns > form > .row {
  margin-left: 0;
  margin-right: 0; }

table {
  width: 100%; }

.landing-page h2 {
  color: #424242;
  margin-top: 1.5em; }
@media only screen and (min-width: 768px) {
  .landing-page .icon-list {
    padding: 1.875em; } }

/* header sponsor logo */
.landing-page-sponsor {
  top: 0;
  right: 10px;
  position: absolute;
  width: auto;
  line-height: 56px; }
  .landing-page-sponsor img {
    max-height: 40px; }

.landing-page.homelike .landing-page-section .cta-button .button {
  margin-top: 20px;
  width: 100%; }
.landing-page.homelike .landing-page-section.header-banner {
  background-image: url(../jpg/bg-header-banner-whiteboard-1600x450-612faf1207bd13f9864dd180bee18cb1030d3cc1444daca819c8af3f881e1868.jpg); }
.landing-page.homelike .landing-page-section.header-banner--buddy {
  background-image: url(../jpg/bg-header-buddy-490f513fdb427d073b2af72ec177cb08a98eb3f4896c7b77f1d7a334a5cbe99b.jpg); }
.landing-page.homelike .landing-page-section.l-p-s--2-col {
  text-align: center; }
  .landing-page.homelike .landing-page-section.l-p-s--2-col .l-p-s__media {
    margin-bottom: 5px;
    padding-top: 40px; }
    .landing-page.homelike .landing-page-section.l-p-s--2-col .l-p-s__media .media-frame--laptop {
      background-image: url(../png/landing-graphic-laptop%402x-4e85219c6c37beb34978352a884e88eeffc3e0c0bc1ab66905a310f8f786a2be.png);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      height: 169px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      width: 300px; }
      .landing-page.homelike .landing-page-section.l-p-s--2-col .l-p-s__media .media-frame--laptop .video-container {
        height: 79%;
        left: 50%;
        position: relative;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-53%);
        transform: translateX(-50%) translateY(-50%);
        width: 79%;
        overflow: hidden; }
        .landing-page.homelike .landing-page-section.l-p-s--2-col .l-p-s__media .media-frame--laptop .video-container img {
          width: 100%; }
  .landing-page.homelike .landing-page-section.l-p-s--2-col .l-p-s__text p {
    color: #777; }
.landing-page.homelike .landing-page-section.testimonials.testimonials--bubblestyle {
  padding-bottom: 40px; }
  .landing-page.homelike .landing-page-section.testimonials.testimonials--bubblestyle .testimonials-container {
    height: 330px; }
.landing-page.homelike .landing-page-section.l-p-s--start-learning-today .cta-button {
  margin-top: 20px;
  text-align: center; }
.landing-page.homelike .landing-page-section.l-p-s--start-learning-today .fine-print {
  color: #949494;
  text-align: center; }
@media only screen and (min-width: 450px) {
  .landing-page.homelike .landing-page-section .cta-button .button {
    width: auto; }
  .landing-page.homelike .landing-page-section.l-p-s--2-col .l-p-s__media .media-frame--laptop {
    height: 242px;
    max-width: 100%;
    width: 430px; } }
@media only screen and (min-width: 768px) {
  .landing-page.homelike .landing-page-section .cta-button .button {
    margin-top: 0; }
  .landing-page.homelike .landing-page-section.header-banner {
    min-height: 450px; }
  .landing-page.homelike .landing-page-section.l-p-s--2-col {
    text-align: left; }
    .landing-page.homelike .landing-page-section.l-p-s--2-col .l-p-s__media {
      padding-top: 70px; }
      .landing-page.homelike .landing-page-section.l-p-s--2-col .l-p-s__media .media-frame--laptop {
        height: 282px;
        margin-left: 0;
        margin-right: 0;
        width: 496px; }
  .landing-page.homelike .landing-page-section.testimonials.testimonials--bubblestyle .testimonials-container {
    height: 375px; } }
@media only screen and (min-width: 58.75em) {
  .landing-page.homelike .landing-page-section.l-p-s--2-col {
    padding-bottom: 100px;
    padding-top: 40px; } }

/* social buttons at the top of the page (as of 20131127 used on Xmas2013 99 usd deal page and Students deal page) */
.social-header {
  top: 20px;
  right: 0;
  position: absolute;
  width: auto; }
  .social-header .inner > * {
    padding: 0;
    float: left; }
  .social-header .compartment {
    line-height: 1;
    min-width: 70px; }

.bulk-order .row.control-group > small {
  display: none; }
.bulk-order #errorbox ul {
  color: #df5e54; }
@media only screen and (min-width: 768px) {
  .bulk-order .bulk-order-view {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 62.5%;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    float: left; } }

/* COURSE-ONLY STYLES */
.course .row--lesson-aux {
  margin-top: 20px; }

/* SHARED STYLES (COURSE, BOOK, PRODUCT-PAGE */
.course,
.book,
.product-page {
  /* Content Tabs */ }
  .course .title-unit,
  .book .title-unit,
  .product-page .title-unit {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 66.25em;
    *zoom: 1;
    margin-bottom: 1em;
    margin-top: 0.8125em; }
    .course .title-unit:before, .course .title-unit:after,
    .book .title-unit:before,
    .book .title-unit:after,
    .product-page .title-unit:before,
    .product-page .title-unit:after {
      content: " ";
      display: table; }
    .course .title-unit:after,
    .book .title-unit:after,
    .product-page .title-unit:after {
      clear: both; }
    .course .title-unit .title-unit_title h1,
    .book .title-unit .title-unit_title h1,
    .product-page .title-unit .title-unit_title h1 {
      margin-bottom: 0.5em; }
    .course .title-unit .title-unit_controls,
    .book .title-unit .title-unit_controls,
    .product-page .title-unit .title-unit_controls {
      text-align: center; }
      .course .title-unit .title-unit_controls .button,
      .book .title-unit .title-unit_controls .button,
      .product-page .title-unit .title-unit_controls .button {
        padding-left: 0;
        padding-right: 0;
        width: 49%; }
      .course .title-unit .title-unit_controls .verbose,
      .book .title-unit .title-unit_controls .verbose,
      .product-page .title-unit .title-unit_controls .verbose {
        width: auto;
        padding-left: 1em;
        padding-right: 1em; }
    .course .title-unit .title-unit_share .button,
    .book .title-unit .title-unit_share .button,
    .product-page .title-unit .title-unit_share .button {
      display: block;
      width: 100%; }
    @media only screen and (min-width: 768px) {
      .course .title-unit .title-unit_title,
      .book .title-unit .title-unit_title,
      .product-page .title-unit .title-unit_title {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        width: 68.75%;
        float: left; }
      .course .title-unit .title-unit_controls,
      .book .title-unit .title-unit_controls,
      .product-page .title-unit .title-unit_controls {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        width: 31.25%;
        float: left;
        text-align: right; }
      .course .title-unit .title-unit_share,
      .book .title-unit .title-unit_share,
      .product-page .title-unit .title-unit_share {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        text-align: right; }
        .course .title-unit .title-unit_share .button,
        .book .title-unit .title-unit_share .button,
        .product-page .title-unit .title-unit_share .button {
          display: inline-block;
          margin-bottom: 0;
          width: auto; } }
  .course .course-view .title-unit,
  .book .course-view .title-unit,
  .product-page .course-view .title-unit {
    margin-top: 0.3125em; }
    .course .course-view .title-unit .title-unit_title,
    .book .course-view .title-unit .title-unit_title,
    .product-page .course-view .title-unit .title-unit_title {
      margin-top: -0.375em; }
  .course .share-button-container .button,
  .book .share-button-container .button,
  .product-page .share-button-container .button {
    margin-bottom: 0; }
  .course caption,
  .book caption,
  .product-page caption {
    border-top: 1px solid #949494;
    position: static;
    text-align: left;
    width: 100%;
    padding: 1em 0; }
  .course .course-support .title-unit h2,
  .book .course-support .title-unit h2,
  .product-page .course-support .title-unit h2 {
    color: #949494; }
  .course .contents-listing_state,
  .book .contents-listing_state,
  .product-page .contents-listing_state {
    width: 10%;
    font-family: 'Learnable';
    font-display: auto;
    color: #90c352; }
  .course .contents-listing_action,
  .book .contents-listing_action,
  .product-page .contents-listing_action {
    width: 10%;
    text-align: right; }
  .course .navigation-buttons,
  .book .navigation-buttons,
  .product-page .navigation-buttons {
    margin-top: 20px; }
    .course .navigation-buttons .button,
    .book .navigation-buttons .button,
    .product-page .navigation-buttons .button {
      width: 49%;
      margin-bottom: 0; }
      @media only screen and (min-width: 768px) {
        .course .navigation-buttons .button,
        .book .navigation-buttons .button,
        .product-page .navigation-buttons .button {
          width: auto;
          float: right; }
          .course .navigation-buttons .button.previous,
          .book .navigation-buttons .button.previous,
          .product-page .navigation-buttons .button.previous {
            float: left; } }
    .course .navigation-buttons .end,
    .book .navigation-buttons .end,
    .product-page .navigation-buttons .end {
      clear: both; }

/* COURSE/BOOKE DETAIL PAGE SPECIFIC STYLES (reduced width pages) */
@media only screen and (min-width: 768px) {
  .course .course-view,
  .course .course-support,
  .book .course-view,
  .book .course-support {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 87.5%;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    float: left; } }

/* STYLES SPECIFIC FOR COURSE ARTICLE RESOURCE */
.figure.aligncenter {
  text-align: center; }

.course-complete .maincontent .panels-container .panel, .course-complete .maincontent .panels-container pre,
.course-complete .maincontent .panels-container .syntaxhighlighter, .course-complete .maincontent .panels-container .twitter-typeahead .tt-dropdown-menu, .twitter-typeahead .course-complete .maincontent .panels-container .tt-dropdown-menu {
  text-align: center;
  padding-top: 1.5625em;
  padding-bottom: 1.5625em; }
  .course-complete .maincontent .panels-container .panel .icon-container, .course-complete .maincontent .panels-container pre .icon-container,
  .course-complete .maincontent .panels-container .syntaxhighlighter .icon-container, .course-complete .maincontent .panels-container .twitter-typeahead .tt-dropdown-menu .icon-container, .twitter-typeahead .course-complete .maincontent .panels-container .tt-dropdown-menu .icon-container {
    color: #949494;
    font-size: 30px;
    line-height: 0;
    padding-bottom: 15px; }
  .course-complete .maincontent .panels-container .panel .button-container .button, .course-complete .maincontent .panels-container pre .button-container .button,
  .course-complete .maincontent .panels-container .syntaxhighlighter .button-container .button, .course-complete .maincontent .panels-container .twitter-typeahead .tt-dropdown-menu .button-container .button, .twitter-typeahead .course-complete .maincontent .panels-container .tt-dropdown-menu .button-container .button {
    margin-bottom: 0;
    width: 100%; }
  .course-complete .maincontent .panels-container .panel.panel--rating .icon-container, .course-complete .maincontent .panels-container pre.panel--rating .icon-container,
  .course-complete .maincontent .panels-container .panel--rating.syntaxhighlighter .icon-container, .course-complete .maincontent .panels-container .twitter-typeahead .panel--rating.tt-dropdown-menu .icon-container, .twitter-typeahead .course-complete .maincontent .panels-container .panel--rating.tt-dropdown-menu .icon-container {
    font-size: 18px; }
  .course-complete .maincontent .panels-container .panel.panel--linkedin .icon-container, .course-complete .maincontent .panels-container pre.panel--linkedin .icon-container,
  .course-complete .maincontent .panels-container .panel--linkedin.syntaxhighlighter .icon-container, .course-complete .maincontent .panels-container .twitter-typeahead .panel--linkedin.tt-dropdown-menu .icon-container, .twitter-typeahead .course-complete .maincontent .panels-container .panel--linkedin.tt-dropdown-menu .icon-container {
    font-size: 32px; }
  .course-complete .maincontent .panels-container .panel .title, .course-complete .maincontent .panels-container pre .title,
  .course-complete .maincontent .panels-container .syntaxhighlighter .title, .course-complete .maincontent .panels-container .twitter-typeahead .tt-dropdown-menu .title, .twitter-typeahead .course-complete .maincontent .panels-container .tt-dropdown-menu .title {
    font-weight: 700; }
  .course-complete .maincontent .panels-container .panel .cta-details, .course-complete .maincontent .panels-container pre .cta-details,
  .course-complete .maincontent .panels-container .syntaxhighlighter .cta-details, .course-complete .maincontent .panels-container .twitter-typeahead .tt-dropdown-menu .cta-details, .twitter-typeahead .course-complete .maincontent .panels-container .tt-dropdown-menu .cta-details {
    color: #949494; }
.course-complete .full-width.featured-classes {
  background-color: #f3f3f3; }
  .course-complete .full-width.featured-classes > .row > h2 {
    color: #949494; }
  .course-complete .full-width.featured-classes .panels-container {
    line-height: 1.3;
    padding-top: 25px; }
    .course-complete .full-width.featured-classes .panels-container .panel, .course-complete .full-width.featured-classes .panels-container pre,
    .course-complete .full-width.featured-classes .panels-container .syntaxhighlighter, .course-complete .full-width.featured-classes .panels-container .twitter-typeahead .tt-dropdown-menu, .twitter-typeahead .course-complete .full-width.featured-classes .panels-container .tt-dropdown-menu {
      padding-top: 1.5625em;
      padding-bottom: 1.5625em; }
      .course-complete .full-width.featured-classes .panels-container .panel .product_poster .video img, .course-complete .full-width.featured-classes .panels-container pre .product_poster .video img,
      .course-complete .full-width.featured-classes .panels-container .syntaxhighlighter .product_poster .video img, .course-complete .full-width.featured-classes .panels-container .twitter-typeahead .tt-dropdown-menu .product_poster .video img, .twitter-typeahead .course-complete .full-width.featured-classes .panels-container .tt-dropdown-menu .product_poster .video img {
        max-width: 100%; }
      .course-complete .full-width.featured-classes .panels-container .panel .product_title_container .product_title, .course-complete .full-width.featured-classes .panels-container pre .product_title_container .product_title,
      .course-complete .full-width.featured-classes .panels-container .syntaxhighlighter .product_title_container .product_title, .course-complete .full-width.featured-classes .panels-container .twitter-typeahead .tt-dropdown-menu .product_title_container .product_title, .twitter-typeahead .course-complete .full-width.featured-classes .panels-container .tt-dropdown-menu .product_title_container .product_title {
        font-weight: 700;
        margin-top: 15px; }
        .course-complete .full-width.featured-classes .panels-container .panel .product_title_container .product_title a, .course-complete .full-width.featured-classes .panels-container pre .product_title_container .product_title a,
        .course-complete .full-width.featured-classes .panels-container .syntaxhighlighter .product_title_container .product_title a, .course-complete .full-width.featured-classes .panels-container .twitter-typeahead .tt-dropdown-menu .product_title_container .product_title a, .twitter-typeahead .course-complete .full-width.featured-classes .panels-container .tt-dropdown-menu .product_title_container .product_title a {
          color: #424242; }
      .course-complete .full-width.featured-classes .panels-container .panel .product_meta .star-rating, .course-complete .full-width.featured-classes .panels-container pre .product_meta .star-rating,
      .course-complete .full-width.featured-classes .panels-container .syntaxhighlighter .product_meta .star-rating, .course-complete .full-width.featured-classes .panels-container .twitter-typeahead .tt-dropdown-menu .product_meta .star-rating, .twitter-typeahead .course-complete .full-width.featured-classes .panels-container .tt-dropdown-menu .product_meta .star-rating {
        margin-bottom: 20px;
        margin-top: 10px; }
      .course-complete .full-width.featured-classes .panels-container .panel .button-container .button, .course-complete .full-width.featured-classes .panels-container pre .button-container .button,
      .course-complete .full-width.featured-classes .panels-container .syntaxhighlighter .button-container .button, .course-complete .full-width.featured-classes .panels-container .twitter-typeahead .tt-dropdown-menu .button-container .button, .twitter-typeahead .course-complete .full-width.featured-classes .panels-container .tt-dropdown-menu .button-container .button {
        margin-bottom: 0;
        width: 100%; }
@media only screen and (min-width: 768px) {
  .course-complete .maincontent .panels-container {
    padding-top: 25px; }
    .course-complete .maincontent .panels-container .panel .icon-container, .course-complete .maincontent .panels-container pre .icon-container,
    .course-complete .maincontent .panels-container .syntaxhighlighter .icon-container, .course-complete .maincontent .panels-container .twitter-typeahead .tt-dropdown-menu .icon-container, .twitter-typeahead .course-complete .maincontent .panels-container .tt-dropdown-menu .icon-container {
      font-size: 40px;
      min-height: 70px;
      padding-bottom: 0; }
    .course-complete .maincontent .panels-container .panel.panel--rating .icon-container, .course-complete .maincontent .panels-container pre.panel--rating .icon-container,
    .course-complete .maincontent .panels-container .panel--rating.syntaxhighlighter .icon-container, .course-complete .maincontent .panels-container .twitter-typeahead .panel--rating.tt-dropdown-menu .icon-container, .twitter-typeahead .course-complete .maincontent .panels-container .panel--rating.tt-dropdown-menu .icon-container {
      font-size: 24px;
      padding-top: 10px; }
    .course-complete .maincontent .panels-container .panel.panel--linkedin .icon-container, .course-complete .maincontent .panels-container pre.panel--linkedin .icon-container,
    .course-complete .maincontent .panels-container .panel--linkedin.syntaxhighlighter .icon-container, .course-complete .maincontent .panels-container .twitter-typeahead .panel--linkedin.tt-dropdown-menu .icon-container, .twitter-typeahead .course-complete .maincontent .panels-container .panel--linkedin.tt-dropdown-menu .icon-container {
      font-size: 46px; }
  .course-complete .full-width.featured-classes .panels-container {
    padding-top: 40px; }
    .course-complete .full-width.featured-classes .panels-container .panel .product_title_container .product_title, .course-complete .full-width.featured-classes .panels-container pre .product_title_container .product_title,
    .course-complete .full-width.featured-classes .panels-container .syntaxhighlighter .product_title_container .product_title, .course-complete .full-width.featured-classes .panels-container .twitter-typeahead .tt-dropdown-menu .product_title_container .product_title, .twitter-typeahead .course-complete .full-width.featured-classes .panels-container .tt-dropdown-menu .product_title_container .product_title {
      min-height: 85px; } }

.book .title-unit, .book-preview .title-unit {
  margin-bottom: 1em; }
  .book .title-unit .title-unit_controls, .book-preview .title-unit .title-unit_controls {
    display: none; }
  .book .title-unit .title-unit_controls, .book-preview .title-unit .title-unit_controls {
    display: none; }
.book .book-page .booktoc, .book-preview .book-page .booktoc {
  display: none; }
.book .book-page .navheader,
.book .book-page .navfooter, .book-preview .book-page .navheader,
.book-preview .book-page .navfooter {
  min-height: 4.375em; }
  .book .book-page .navheader .structural-label,
  .book .book-page .navfooter .structural-label, .book-preview .book-page .navheader .structural-label,
  .book-preview .book-page .navfooter .structural-label {
    display: none; }
  .book .book-page .navheader ul,
  .book .book-page .navfooter ul, .book-preview .book-page .navheader ul,
  .book-preview .book-page .navfooter ul {
    list-style: none outside none;
    position: relative; }
    .book .book-page .navheader ul li,
    .book .book-page .navfooter ul li, .book-preview .book-page .navheader ul li,
    .book-preview .book-page .navfooter ul li {
      position: absolute;
      padding-top: 0.5625em;
      padding-right: 1.125em;
      padding-bottom: 0.625em;
      padding-left: 1.125em;
      font-size: 0.8125em; }
      .book .book-page .navheader ul li.prev,
      .book .book-page .navfooter ul li.prev, .book-preview .book-page .navheader ul li.prev,
      .book-preview .book-page .navfooter ul li.prev {
        right: 7em; }
        .book .book-page .navheader ul li.prev a,
        .book .book-page .navfooter ul li.prev a, .book-preview .book-page .navheader ul li.prev a,
        .book-preview .book-page .navfooter ul li.prev a {
          border-style: solid;
          border-width: 0;
          cursor: pointer;
          font-family: inherit;
          font-weight: bold;
          line-height: 1;
          margin: 0 0 1.25em;
          position: relative;
          text-decoration: none;
          text-align: center;
          display: inline-block;
          padding-top: 0.75em;
          padding-right: 1.5em;
          padding-bottom: 0.8125em;
          padding-left: 1.5em;
          font-size: 1em;
          background-color: #1c94c6;
          border-color: #1c94c6;
          color: #fff;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          border-radius: 2px;
          background: #7da5b8;
          border-color: #7da5b8;
          color: #fff;
          text-transform: capitalize;
          font-weight: normal;
          transition-property: border-color, background-color;
          line-height: 1;
          /* copy/paste button.previous foundation_overrides/_buttons.scss .previous */
          background-color: #fff;
          -webkit-box-shadow: inset 0px 0px 0px 1px #dbdbd5;
          -moz-box-shadow: inset 0px 0px 0px 1px #dbdbd5;
          box-shadow: inset 0px 0px 0px 1px #dbdbd5;
          color: #dbdbd5;
          /* end copy/paste */ }
          .book .book-page .navheader ul li.prev a:hover, .book .book-page .navheader ul li.prev a:focus,
          .book .book-page .navfooter ul li.prev a:hover,
          .book .book-page .navfooter ul li.prev a:focus, .book-preview .book-page .navheader ul li.prev a:hover, .book-preview .book-page .navheader ul li.prev a:focus,
          .book-preview .book-page .navfooter ul li.prev a:hover,
          .book-preview .book-page .navfooter ul li.prev a:focus {
            background-color: #1779a2;
            border-color: #1779a2; }
          .book .book-page .navheader ul li.prev a:hover, .book .book-page .navheader ul li.prev a:focus,
          .book .book-page .navfooter ul li.prev a:hover,
          .book .book-page .navfooter ul li.prev a:focus, .book-preview .book-page .navheader ul li.prev a:hover, .book-preview .book-page .navheader ul li.prev a:focus,
          .book-preview .book-page .navfooter ul li.prev a:hover,
          .book-preview .book-page .navfooter ul li.prev a:focus {
            color: #fff; }
          .book .book-page .navheader ul li.prev a:hover,
          .book .book-page .navfooter ul li.prev a:hover, .book-preview .book-page .navheader ul li.prev a:hover,
          .book-preview .book-page .navfooter ul li.prev a:hover {
            background: #69accc;
            border-color: #69accc; }
          .book .book-page .navheader ul li.prev a:hover,
          .book .book-page .navfooter ul li.prev a:hover, .book-preview .book-page .navheader ul li.prev a:hover,
          .book-preview .book-page .navfooter ul li.prev a:hover {
            background-color: #fbfbfb;
            color: #acac9e; }
      .book .book-page .navheader ul li.next,
      .book .book-page .navfooter ul li.next, .book-preview .book-page .navheader ul li.next,
      .book-preview .book-page .navfooter ul li.next {
        right: 0; }
        .book .book-page .navheader ul li.next a,
        .book .book-page .navfooter ul li.next a, .book-preview .book-page .navheader ul li.next a,
        .book-preview .book-page .navfooter ul li.next a {
          border-style: solid;
          border-width: 0;
          cursor: pointer;
          font-family: inherit;
          font-weight: bold;
          line-height: 1;
          margin: 0 0 1.25em;
          position: relative;
          text-decoration: none;
          text-align: center;
          display: inline-block;
          padding-top: 0.75em;
          padding-right: 1.5em;
          padding-bottom: 0.8125em;
          padding-left: 1.5em;
          font-size: 1em;
          background-color: #1c94c6;
          border-color: #1c94c6;
          color: #fff;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          border-radius: 2px;
          background: #7da5b8;
          border-color: #7da5b8;
          color: #fff;
          text-transform: capitalize;
          font-weight: normal;
          transition-property: border-color, background-color;
          line-height: 1; }
          .book .book-page .navheader ul li.next a:hover, .book .book-page .navheader ul li.next a:focus,
          .book .book-page .navfooter ul li.next a:hover,
          .book .book-page .navfooter ul li.next a:focus, .book-preview .book-page .navheader ul li.next a:hover, .book-preview .book-page .navheader ul li.next a:focus,
          .book-preview .book-page .navfooter ul li.next a:hover,
          .book-preview .book-page .navfooter ul li.next a:focus {
            background-color: #1779a2;
            border-color: #1779a2; }
          .book .book-page .navheader ul li.next a:hover, .book .book-page .navheader ul li.next a:focus,
          .book .book-page .navfooter ul li.next a:hover,
          .book .book-page .navfooter ul li.next a:focus, .book-preview .book-page .navheader ul li.next a:hover, .book-preview .book-page .navheader ul li.next a:focus,
          .book-preview .book-page .navfooter ul li.next a:hover,
          .book-preview .book-page .navfooter ul li.next a:focus {
            color: #fff; }
          .book .book-page .navheader ul li.next a:hover,
          .book .book-page .navfooter ul li.next a:hover, .book-preview .book-page .navheader ul li.next a:hover,
          .book-preview .book-page .navfooter ul li.next a:hover {
            background: #69accc;
            border-color: #69accc; }
      .book .book-page .navheader ul li.up,
      .book .book-page .navfooter ul li.up, .book-preview .book-page .navheader ul li.up,
      .book-preview .book-page .navfooter ul li.up {
        right: 0;
        top: 3em; }
.book .book-page #book-content h1,
.book .book-page #book-content h2, .book-preview .book-page #book-content h1,
.book-preview .book-page #book-content h2 {
  margin-top: 1em; }
  .book .book-page #book-content h1 img,
  .book .book-page #book-content h2 img, .book-preview .book-page #book-content h1 img,
  .book-preview .book-page #book-content h2 img {
    margin-right: .25em; }
.book .book-page #book-content p, .book-preview .book-page #book-content p {
  font-size: 13px; }
  @media only screen and (min-width: 450px) {
    .book .book-page #book-content p, .book-preview .book-page #book-content p {
      font-size: 15px; } }
.book .book-page #book-content img, .book-preview .book-page #book-content img {
  max-width: 100%; }
.book .book-page #book-content .sitepoint-creditspage-credits, .book-preview .book-page #book-content .sitepoint-creditspage-credits {
  line-height: 1.3; }
  .book .book-page #book-content .sitepoint-creditspage-credits > :first-child, .book-preview .book-page #book-content .sitepoint-creditspage-credits > :first-child {
    margin-bottom: 0.6em; }
.book .book-page #book-content .toc, .book-preview .book-page #book-content .toc {
  margin-top: 5em; }
  .book .book-page #book-content .toc .toc-title, .book-preview .book-page #book-content .toc .toc-title {
    margin-bottom: 1em; }
@media only screen and (min-width: 768px) {
  .book .book-page, .book-preview .book-page {
    margin-top: -90px; } }
.book .course-support .section.toc form, .book-preview .course-support .section.toc form {
  display: none; }
.book .course-support .section.toc p.structural-label, .book-preview .course-support .section.toc p.structural-label {
  font-weight: 700;
  letter-spacing: -0.05em;
  margin-top: 10px; }
.book .course-support .section.search .content, .book-preview .course-support .section.search .content {
  padding-top: 1.4em; }
  .book .course-support .section.search .content button, .book-preview .course-support .section.search .content button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.75em;
    padding-right: 1.5em;
    padding-bottom: 0.8125em;
    padding-left: 1.5em;
    font-size: 1em;
    background-color: #1c94c6;
    border-color: #1c94c6;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #7da5b8;
    border-color: #7da5b8;
    color: #fff;
    text-transform: capitalize;
    font-weight: normal;
    transition-property: border-color, background-color;
    line-height: 1; }
    .book .course-support .section.search .content button:hover, .book .course-support .section.search .content button:focus, .book-preview .course-support .section.search .content button:hover, .book-preview .course-support .section.search .content button:focus {
      background-color: #1779a2;
      border-color: #1779a2; }
    .book .course-support .section.search .content button:hover, .book .course-support .section.search .content button:focus, .book-preview .course-support .section.search .content button:hover, .book-preview .course-support .section.search .content button:focus {
      color: #fff; }
    .book .course-support .section.search .content button:hover, .book-preview .course-support .section.search .content button:hover {
      background: #69accc;
      border-color: #69accc; }

@media only screen and (min-width: 768px) {
  .book-preview .book-page {
    margin-top: 0px; } }

/* order page */
.order {
  /************** CART PAGE **************/
  /************** CHECKOUT PAGE **************/ }
  .order .panel > h1, .order pre > h1,
  .order .syntaxhighlighter > h1, .order .twitter-typeahead .tt-dropdown-menu > h1, .twitter-typeahead .order .tt-dropdown-menu > h1 {
    margin-top: 10px; }
    .order .panel > h1 span, .order pre > h1 span,
    .order .syntaxhighlighter > h1 span, .order .twitter-typeahead .tt-dropdown-menu > h1 span, .twitter-typeahead .order .tt-dropdown-menu > h1 span {
      color: #949494; }
      .order .panel > h1 span.active, .order pre > h1 span.active,
      .order .syntaxhighlighter > h1 span.active, .order .twitter-typeahead .tt-dropdown-menu > h1 span.active, .twitter-typeahead .order .tt-dropdown-menu > h1 span.active {
        color: #424242; }
      .order .panel > h1 span:after, .order pre > h1 span:after,
      .order .syntaxhighlighter > h1 span:after, .order .twitter-typeahead .tt-dropdown-menu > h1 span:after, .twitter-typeahead .order .tt-dropdown-menu > h1 span:after {
        color: #949494;
        content: '/';
        padding: 0 0.3em 0 0.5em; }
      .order .panel > h1 span:last-child:after, .order pre > h1 span:last-child:after,
      .order .syntaxhighlighter > h1 span:last-child:after, .order .twitter-typeahead .tt-dropdown-menu > h1 span:last-child:after, .twitter-typeahead .order .tt-dropdown-menu > h1 span:last-child:after {
        content: '';
        padding: 0; }
  .order .panel .row--divider.row--divider--header, .order pre .row--divider.row--divider--header,
  .order .syntaxhighlighter .row--divider.row--divider--header, .order .twitter-typeahead .tt-dropdown-menu .row--divider.row--divider--header, .twitter-typeahead .order .tt-dropdown-menu .row--divider.row--divider--header {
    margin: 0 -10px; }
    .order .panel .row--divider.row--divider--header hr.break, .order pre .row--divider.row--divider--header hr.break,
    .order .syntaxhighlighter .row--divider.row--divider--header hr.break, .order .twitter-typeahead .tt-dropdown-menu .row--divider.row--divider--header hr.break, .twitter-typeahead .order .tt-dropdown-menu .row--divider.row--divider--header hr.break {
      margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .order .panel > h1, .order pre > h1,
    .order .syntaxhighlighter > h1, .order .twitter-typeahead .tt-dropdown-menu > h1, .twitter-typeahead .order .tt-dropdown-menu > h1 {
      margin-top: 0; }
    .order .panel .row--divider.row--divider--header, .order pre .row--divider.row--divider--header,
    .order .syntaxhighlighter .row--divider.row--divider--header, .order .twitter-typeahead .tt-dropdown-menu .row--divider.row--divider--header, .twitter-typeahead .order .tt-dropdown-menu .row--divider.row--divider--header {
      margin: 0 0; } }
  .order.order--cart hr.break {
    margin-bottom: 0; }
  .order.order--cart .table-wrapper {
    margin-left: -0.625em;
    margin-right: -0.625em;
    /* BOTTOM SUMMARY TABLE */ }
    .order.order--cart .table-wrapper .heading {
      display: none; }
    .order.order--cart .table-wrapper .cart-item {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      margin-bottom: 0;
      max-width: 66.25em;
      *zoom: 1;
      background-color: #fbfbfb;
      border-bottom: 1px solid #e5e5e5; }
      .order.order--cart .table-wrapper .cart-item:before, .order.order--cart .table-wrapper .cart-item:after {
        content: " ";
        display: table; }
      .order.order--cart .table-wrapper .cart-item:after {
        clear: both; }
      .order.order--cart .table-wrapper .cart-item .product-description {
        position: relative;
        padding-left: 0.625em;
        padding-right: 0.625em;
        width: 81.25%;
        float: left;
        padding-bottom: 10px;
        padding-top: 10px; }
        .order.order--cart .table-wrapper .cart-item .product-description .product {
          border-top: none;
          margin: 0;
          padding: 0; }
          .order.order--cart .table-wrapper .cart-item .product-description .product .product_poster {
            position: relative;
            padding-left: 0;
            padding-right: 0;
            width: 31.25%;
            float: left; }
            .order.order--cart .table-wrapper .cart-item .product-description .product .product_poster img {
              max-height: 8em; }
          .order.order--cart .table-wrapper .cart-item .product-description .product .product_title_container {
            position: relative;
            padding-left: 0.625em;
            padding-right: 0.625em;
            width: 68.75%;
            float: left; }
            .order.order--cart .table-wrapper .cart-item .product-description .product .product_title_container h2.product_title {
              line-height: 1.4; }
          .order.order--cart .table-wrapper .cart-item .product-description .product .product_supporting {
            margin-bottom: 30px; }
          .order.order--cart .table-wrapper .cart-item .product-description .product .product_meta {
            display: none; }
            .order.order--cart .table-wrapper .cart-item .product-description .product .product_meta ul li {
              margin-right: 0; }
          .order.order--cart .table-wrapper .cart-item .product-description .product:hover {
            background-color: transparent; }
      .order.order--cart .table-wrapper .cart-item .price {
        position: relative;
        padding-left: 0.625em;
        padding-right: 0.625em;
        width: 18.75%;
        float: left;
        font-weight: 700;
        padding-right: 10px;
        padding-top: 15px;
        text-align: right; }
        .order.order--cart .table-wrapper .cart-item .price .price__current {
          color: #949494; }
        .order.order--cart .table-wrapper .cart-item .price .price__retail {
          color: #949494;
          text-decoration: line-through; }
      .order.order--cart .table-wrapper .cart-item .qty-total-container {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        margin-top: -40px;
        padding-top: 10px; }
        .order.order--cart .table-wrapper .cart-item .qty-total-container .qty {
          position: relative;
          padding-left: 0.625em;
          padding-right: 0.625em;
          width: 81.25%;
          float: left;
          padding-left: 5px;
          text-align: right;
          top: -3px; }
          .order.order--cart .table-wrapper .cart-item .qty-total-container .qty .qty__mobile-label {
            color: #949494;
            display: inline-block;
            font-weight: 700;
            margin-right: 5px; }
          .order.order--cart .table-wrapper .cart-item .qty-total-container .qty .qty-count {
            display: inline-block;
            padding-right: 5px; }
          .order.order--cart .table-wrapper .cart-item .qty-total-container .qty input {
            background-color: #e5e5e5;
            color: #949494;
            display: inline-block;
            height: 21px;
            padding: 0 5px;
            margin-right: 10px;
            margin-top: -3px;
            width: 3em; }
          .order.order--cart .table-wrapper .cart-item .qty-total-container .qty a.remove-link {
            background-color: #df5e54;
            display: inline-block;
            height: 21px;
            padding: 5px 0 0 0;
            width: 21px; }
            .order.order--cart .table-wrapper .cart-item .qty-total-container .qty a.remove-link:hover, .order.order--cart .table-wrapper .cart-item .qty-total-container .qty a.remove-link:focus {
              background-color: #d93e32; }
        .order.order--cart .table-wrapper .cart-item .qty-total-container .total {
          position: relative;
          padding-left: 0.625em;
          padding-right: 0.625em;
          width: 18.75%;
          float: right;
          color: #424242;
          font-weight: 700;
          text-align: right; }
    @media only screen and (min-width: 768px) {
      .order.order--cart .table-wrapper {
        margin-left: -1.5625em;
        margin-right: -1.5625em; }
        .order.order--cart .table-wrapper .heading {
          display: block;
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          margin-top: 0;
          margin-bottom: 0;
          max-width: 66.25em;
          *zoom: 1;
          border-bottom: 1px solid #e5e5e5;
          color: #949494;
          font-weight: 700;
          padding: 0.625em 0; }
          .order.order--cart .table-wrapper .heading:before, .order.order--cart .table-wrapper .heading:after {
            content: " ";
            display: table; }
          .order.order--cart .table-wrapper .heading:after {
            clear: both; }
          .order.order--cart .table-wrapper .heading .heading--item {
            position: relative;
            padding-left: 0.625em;
            padding-right: 0.625em;
            width: 56.25%;
            float: left;
            padding-left: 20px; }
          .order.order--cart .table-wrapper .heading .heading--price {
            position: relative;
            padding-left: 0.625em;
            padding-right: 0.625em;
            width: 12.5%;
            float: left; }
          .order.order--cart .table-wrapper .heading .heading--qty {
            position: relative;
            padding-left: 0.625em;
            padding-right: 0.625em;
            width: 12.5%;
            float: left;
            padding-left: 70px; }
          .order.order--cart .table-wrapper .heading .heading--total {
            position: relative;
            padding-left: 0.625em;
            padding-right: 0.625em;
            width: 18.75%;
            float: left;
            text-align: right;
            padding-right: 68px; }
        .order.order--cart .table-wrapper .cart-item {
          background-color: #fff; }
          .order.order--cart .table-wrapper .cart-item .product-description {
            position: relative;
            padding-left: 0.625em;
            padding-right: 0.625em;
            width: 56.25%;
            float: left;
            background-color: #fbfbfb;
            height: 100%;
            /* this only works when .cart-item has set height too */
            padding-top: 16px; }
            .order.order--cart .table-wrapper .cart-item .product-description .product .product_poster {
              position: relative;
              padding-left: 0.625em;
              padding-right: 0.625em;
              width: 25%;
              float: left; }
            .order.order--cart .table-wrapper .cart-item .product-description .product .product_supporting {
              margin-bottom: 0; }
            .order.order--cart .table-wrapper .cart-item .product-description .product .product_meta {
              display: block; }
          .order.order--cart .table-wrapper .cart-item .price {
            position: relative;
            padding-left: 0.625em;
            padding-right: 0.625em;
            width: 12.5%;
            float: left;
            padding-top: 20px;
            text-align: left; }
            .order.order--cart .table-wrapper .cart-item .price .price__current {
              color: #424242;
              margin-bottom: 5px; }
          .order.order--cart .table-wrapper .cart-item .qty-total-container {
            position: relative;
            padding-left: 0;
            padding-right: 0;
            width: 31.25%;
            margin-left: 0%;
            float: left;
            margin-top: 0;
            padding-left: 60px;
            padding-top: 20px; }
            .order.order--cart .table-wrapper .cart-item .qty-total-container .qty {
              position: relative;
              padding-left: 0.625em;
              padding-right: 0.625em;
              width: 43.75%;
              float: left;
              padding-top: 5px; }
              .order.order--cart .table-wrapper .cart-item .qty-total-container .qty .qty__mobile-label {
                display: none; }
              .order.order--cart .table-wrapper .cart-item .qty-total-container .qty input {
                margin-right: 10px;
                margin-top: 0; }
              .order.order--cart .table-wrapper .cart-item .qty-total-container .qty a.remove-link {
                margin-top: 0; }
            .order.order--cart .table-wrapper .cart-item .qty-total-container .total {
              position: relative;
              padding-left: 0.625em;
              padding-right: 0.625em;
              width: 56.25%;
              float: right;
              padding-right: 44px; } }
    @media only screen and (min-width: 768px) and (max-width: 1060px) {
      .order.order--cart .table-wrapper .heading .heading--qty {
        padding-left: 10px; }
      .order.order--cart .table-wrapper .cart-item .qty-total-container {
        padding-left: 0; } }
    .order.order--cart .table-wrapper .cart-item--promotion .price__total {
      color: #df5e54; }
    .order.order--cart .table-wrapper table.table__bottom {
      margin-bottom: 0; }
      .order.order--cart .table-wrapper table.table__bottom tr {
        border-bottom: 1px solid #e5e5e5; }
        .order.order--cart .table-wrapper table.table__bottom tr td {
          background-color: #fff;
          vertical-align: top; }
          .order.order--cart .table-wrapper table.table__bottom tr td:last-child {
            padding-right: 10px; }
          .order.order--cart .table-wrapper table.table__bottom tr td.spacer-col {
            width: 40%; }
        .order.order--cart .table-wrapper table.table__bottom tr.summary {
          border-bottom: none; }
          .order.order--cart .table-wrapper table.table__bottom tr.summary table.summary__inner {
            margin-bottom: 0; }
            .order.order--cart .table-wrapper table.table__bottom tr.summary table.summary__inner tr {
              border-bottom: none; }
              .order.order--cart .table-wrapper table.table__bottom tr.summary table.summary__inner tr td {
                font-weight: 700;
                padding-bottom: 0.3125em;
                text-align: right; }
                .order.order--cart .table-wrapper table.table__bottom tr.summary table.summary__inner tr td:last-child {
                  padding-right: 0; }
              .order.order--cart .table-wrapper table.table__bottom tr.summary table.summary__inner tr.retail td {
                color: #949494; }
              .order.order--cart .table-wrapper table.table__bottom tr.summary table.summary__inner tr.savings td {
                color: #df5e54; }
        .order.order--cart .table-wrapper table.table__bottom tr.checkout-btn {
          border-bottom: none; }
          .order.order--cart .table-wrapper table.table__bottom tr.checkout-btn .button {
            margin-bottom: 0;
            width: 100%; }
    @media only screen and (min-width: 768px) {
      .order.order--cart .table-wrapper table.table__bottom tr td:last-child {
        padding-right: 44px; }
      .order.order--cart .table-wrapper table.table__bottom tr td.spacer-col {
        width: 72%; }
      .order.order--cart .table-wrapper table.table__bottom tr td.total {
        text-align: right;
        width: 120px; }
      .order.order--cart .table-wrapper table.table__bottom tr.update-total td {
        padding-bottom: 1.25em;
        padding-top: 1.25em;
        text-align: center; }
      .order.order--cart .table-wrapper table.table__bottom tr.update-total input[type=submit] {
        color: #1c94c6;
        text-decoration: none;
        line-height: inherit; }
        .order.order--cart .table-wrapper table.table__bottom tr.update-total input[type=submit]:hover, .order.order--cart .table-wrapper table.table__bottom tr.update-total input[type=submit]:focus {
          color: #1983b0; }
      .order.order--cart .table-wrapper table.table__bottom tr.summary table.summary__inner {
        margin-bottom: 10px; }
      .order.order--cart .table-wrapper table.table__bottom tr.checkout-btn .button {
        width: auto; } }
  .order.order--checkout {
    /***** FREE TRIAL-STYLE CHECKOUT PAGE ******/
    /***** CHECKOUT PAGE SIDEBAR ******/ }
    .order.order--checkout .panel.form-panel, .order.order--checkout pre.form-panel,
    .order.order--checkout .form-panel.syntaxhighlighter, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu {
      padding-bottom: 0; }
      .order.order--checkout .panel.form-panel .errorExplanation, .order.order--checkout pre.form-panel .errorExplanation,
      .order.order--checkout .form-panel.syntaxhighlighter .errorExplanation, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .errorExplanation, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .errorExplanation {
        padding-top: 1em; }
        .order.order--checkout .panel.form-panel .errorExplanation p, .order.order--checkout pre.form-panel .errorExplanation p,
        .order.order--checkout .form-panel.syntaxhighlighter .errorExplanation p, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .errorExplanation p, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .errorExplanation p {
          margin-bottom: 0; }
        .order.order--checkout .panel.form-panel .errorExplanation ul li, .order.order--checkout pre.form-panel .errorExplanation ul li,
        .order.order--checkout .form-panel.syntaxhighlighter .errorExplanation ul li, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .errorExplanation ul li, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .errorExplanation ul li {
          color: red; }
      .order.order--checkout .panel.form-panel > form .row--first-after-divider, .order.order--checkout pre.form-panel > form .row--first-after-divider,
      .order.order--checkout .form-panel.syntaxhighlighter > form .row--first-after-divider, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu > form .row--first-after-divider, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu > form .row--first-after-divider {
        padding-top: 1em; }
      .order.order--checkout .panel.form-panel fieldset, .order.order--checkout pre.form-panel fieldset,
      .order.order--checkout .form-panel.syntaxhighlighter fieldset, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu fieldset, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu fieldset {
        margin-top: 0; }
      .order.order--checkout .panel.form-panel .card-section .row, .order.order--checkout pre.form-panel .card-section .row,
      .order.order--checkout .form-panel.syntaxhighlighter .card-section .row, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .card-section .row, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .card-section .row {
        background-color: #fff; }
      .order.order--checkout .panel.form-panel .row .column--label, .order.order--checkout pre.form-panel .row .column--label,
      .order.order--checkout .form-panel.syntaxhighlighter .row .column--label, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--label, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--label {
        position: relative;
        padding-left: 0.625em;
        padding-right: 0.625em;
        width: 100%;
        float: left; }
      .order.order--checkout .panel.form-panel .row .column--form-field, .order.order--checkout pre.form-panel .row .column--form-field,
      .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field {
        position: relative;
        padding-left: 0.625em;
        padding-right: 0.625em;
        width: 100%;
        float: left; }
        .order.order--checkout .panel.form-panel .row .column--form-field .card-exp:first-child, .order.order--checkout pre.form-panel .row .column--form-field .card-exp:first-child,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field .card-exp:first-child, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field .card-exp:first-child, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field .card-exp:first-child {
          padding-left: 0;
          padding-right: inherit; }
        .order.order--checkout .panel.form-panel .row .column--form-field select#order_bill_address_attributes_country_id, .order.order--checkout pre.form-panel .row .column--form-field select#order_bill_address_attributes_country_id,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field select#order_bill_address_attributes_country_id, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field select#order_bill_address_attributes_country_id, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field select#order_bill_address_attributes_country_id, .order.order--checkout .panel.form-panel .row .column--form-field select#order_ship_address_attributes_country_id, .order.order--checkout pre.form-panel .row .column--form-field select#order_ship_address_attributes_country_id,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field select#order_ship_address_attributes_country_id, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field select#order_ship_address_attributes_country_id, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field select#order_ship_address_attributes_country_id {
          width: 16em; }
        .order.order--checkout .panel.form-panel .row .column--form-field select#order_bill_address_attributes_state_id, .order.order--checkout pre.form-panel .row .column--form-field select#order_bill_address_attributes_state_id,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field select#order_bill_address_attributes_state_id, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field select#order_bill_address_attributes_state_id, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field select#order_bill_address_attributes_state_id, .order.order--checkout .panel.form-panel .row .column--form-field select#order_ship_address_attributes_state_id, .order.order--checkout pre.form-panel .row .column--form-field select#order_ship_address_attributes_state_id,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field select#order_ship_address_attributes_state_id, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field select#order_ship_address_attributes_state_id, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field select#order_ship_address_attributes_state_id {
          width: 10em; }
        .order.order--checkout .panel.form-panel .row .column--form-field input#order_bill_address_attributes_zipcode, .order.order--checkout pre.form-panel .row .column--form-field input#order_bill_address_attributes_zipcode,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field input#order_bill_address_attributes_zipcode, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field input#order_bill_address_attributes_zipcode, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field input#order_bill_address_attributes_zipcode {
          width: 6em; }
        .order.order--checkout .panel.form-panel .row .column--form-field input#card_code, .order.order--checkout pre.form-panel .row .column--form-field input#card_code,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field input#card_code, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field input#card_code, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field input#card_code {
          display: inline-block;
          margin-right: 0.5em;
          width: 7em; }
        .order.order--checkout .panel.form-panel .row .column--form-field.submit-order, .order.order--checkout pre.form-panel .row .column--form-field.submit-order,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field.submit-order, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field.submit-order, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field.submit-order {
          margin-bottom: 1em;
          margin-top: 1em; }
          .order.order--checkout .panel.form-panel .row .column--form-field.submit-order .button, .order.order--checkout pre.form-panel .row .column--form-field.submit-order .button,
          .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field.submit-order .button, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field.submit-order .button, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field.submit-order .button {
            width: 100%; }
          .order.order--checkout .panel.form-panel .row .column--form-field.submit-order .ssl-secure, .order.order--checkout pre.form-panel .row .column--form-field.submit-order .ssl-secure,
          .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field.submit-order .ssl-secure, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field.submit-order .ssl-secure, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field.submit-order .ssl-secure {
            background-image: url(../png/ssl-secure-48abb3cab0aac910588b6ddbf2613577916021392537489e737033da800f3b23.png);
            background-repeat: no-repeat;
            height: 30px;
            margin-top: 3px;
            width: 100px; }
        .order.order--checkout .panel.form-panel .row .column--form-field .charge-amount-notification, .order.order--checkout pre.form-panel .row .column--form-field .charge-amount-notification,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field .charge-amount-notification, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field .charge-amount-notification, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field .charge-amount-notification {
          font-style: italic;
          margin-bottom: 2em;
          text-align: right; }
      .order.order--checkout .panel.form-panel .row.row--divider hr, .order.order--checkout pre.form-panel .row.row--divider hr,
      .order.order--checkout .form-panel.syntaxhighlighter .row.row--divider hr, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row.row--divider hr, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row.row--divider hr {
        margin-top: 0; }
      .order.order--checkout .panel.form-panel .row ul#payment-methods, .order.order--checkout pre.form-panel .row ul#payment-methods,
      .order.order--checkout .form-panel.syntaxhighlighter .row ul#payment-methods, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row ul#payment-methods, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row ul#payment-methods {
        list-style-type: none;
        margin: 0; }
      @media only screen and (min-width: 450px) {
        .order.order--checkout .panel.form-panel .row ul, .order.order--checkout pre.form-panel .row ul,
        .order.order--checkout .form-panel.syntaxhighlighter .row ul, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row ul, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row ul {
          line-height: 1; }
        .order.order--checkout .panel.form-panel .row .column--label, .order.order--checkout pre.form-panel .row .column--label,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--label, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--label, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--label {
          position: relative;
          padding-left: 0.625em;
          padding-right: 0.625em;
          width: 37.5%;
          float: left;
          text-align: right; }
          .order.order--checkout .panel.form-panel .row .column--label label, .order.order--checkout pre.form-panel .row .column--label label,
          .order.order--checkout .form-panel.syntaxhighlighter .row .column--label label, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--label label, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--label label {
            margin-bottom: 15px;
            margin-top: 10px; }
        .order.order--checkout .panel.form-panel .row .column--form-field, .order.order--checkout pre.form-panel .row .column--form-field,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field {
          position: relative;
          padding-left: 0.625em;
          padding-right: 0.625em;
          width: 62.5%;
          float: right; }
          .order.order--checkout .panel.form-panel .row .column--form-field p, .order.order--checkout pre.form-panel .row .column--form-field p,
          .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field p, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field p, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field p {
            margin-bottom: 0; }
          .order.order--checkout .panel.form-panel .row .column--form-field.column--form-field--no-label > p, .order.order--checkout pre.form-panel .row .column--form-field.column--form-field--no-label > p,
          .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field.column--form-field--no-label > p, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field.column--form-field--no-label > p, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field.column--form-field--no-label > p {
            margin-bottom: 1em; }
          .order.order--checkout .panel.form-panel .row .column--form-field select, .order.order--checkout pre.form-panel .row .column--form-field select,
          .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field select, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field select, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field select {
            margin-top: 6px; }
          .order.order--checkout .panel.form-panel .row .column--form-field.submit-order .button, .order.order--checkout pre.form-panel .row .column--form-field.submit-order .button,
          .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field.submit-order .button, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field.submit-order .button, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field.submit-order .button {
            width: auto; }
          .order.order--checkout .panel.form-panel .row .column--form-field.submit-order .ssl-secure, .order.order--checkout pre.form-panel .row .column--form-field.submit-order .ssl-secure,
          .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field.submit-order .ssl-secure, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field.submit-order .ssl-secure, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field.submit-order .ssl-secure {
            margin-right: 2em; }
        .order.order--checkout .panel.form-panel .row.row--divider--card-section, .order.order--checkout pre.form-panel .row.row--divider--card-section,
        .order.order--checkout .form-panel.syntaxhighlighter .row.row--divider--card-section, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row.row--divider--card-section, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row.row--divider--card-section {
          display: block; } }
      @media only screen and (min-width: 768px) {
        .order.order--checkout .panel.form-panel .row .column--label, .order.order--checkout pre.form-panel .row .column--label,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--label, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--label, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--label {
          position: relative;
          padding-left: 0.625em;
          padding-right: 0.625em;
          width: 37.5%;
          float: left; }
        .order.order--checkout .panel.form-panel .row .column--form-field, .order.order--checkout pre.form-panel .row .column--form-field,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field {
          position: relative;
          padding-left: 0.625em;
          padding-right: 0.625em;
          width: 50%;
          float: left; }
          .order.order--checkout .panel.form-panel .row .column--form-field.column--form-field--no-label, .order.order--checkout pre.form-panel .row .column--form-field.column--form-field--no-label,
          .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field.column--form-field--no-label, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field.column--form-field--no-label, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field.column--form-field--no-label {
            position: relative;
            padding-left: 0.625em;
            padding-right: 0.625em;
            width: 50%;
            left: 37.5%;
            right: auto;
            float: left; }
        .order.order--checkout .panel.form-panel .row.row--divider--card-section, .order.order--checkout pre.form-panel .row.row--divider--card-section,
        .order.order--checkout .form-panel.syntaxhighlighter .row.row--divider--card-section, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row.row--divider--card-section, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row.row--divider--card-section {
          display: block;
          margin-left: -25px;
          margin-right: -25px; } }
      @media only screen and (min-width: 768px) and (max-width: 1060px) {
        .order.order--checkout .panel.form-panel .row .column--label, .order.order--checkout pre.form-panel .row .column--label,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--label, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--label, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--label {
          position: relative;
          padding-left: 0.625em;
          padding-right: 0.625em;
          width: 37.5%;
          float: left; }
        .order.order--checkout .panel.form-panel .row .column--form-field, .order.order--checkout pre.form-panel .row .column--form-field,
        .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field {
          position: relative;
          padding-left: 0.625em;
          padding-right: 0.625em;
          width: 62.5%;
          float: right; }
          .order.order--checkout .panel.form-panel .row .column--form-field.column--form-field--no-label, .order.order--checkout pre.form-panel .row .column--form-field.column--form-field--no-label,
          .order.order--checkout .form-panel.syntaxhighlighter .row .column--form-field.column--form-field--no-label, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field.column--form-field--no-label, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu .row .column--form-field.column--form-field--no-label {
            position: relative;
            padding-left: 0.625em;
            padding-right: 0.625em;
            width: 62.5%;
            left: 37.5%;
            right: auto;
            float: left; } }
      .order.order--checkout .panel.form-panel #shipping .row:first-child, .order.order--checkout pre.form-panel #shipping .row:first-child,
      .order.order--checkout .form-panel.syntaxhighlighter #shipping .row:first-child, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu #shipping .row:first-child, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu #shipping .row:first-child {
        padding-top: 1em; }
      .order.order--checkout .panel.form-panel #shipping p[data-hook="use_billing"] label, .order.order--checkout pre.form-panel #shipping p[data-hook="use_billing"] label,
      .order.order--checkout .form-panel.syntaxhighlighter #shipping p[data-hook="use_billing"] label, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu #shipping p[data-hook="use_billing"] label, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu #shipping p[data-hook="use_billing"] label {
        display: inline-block; }
      .order.order--checkout .panel.form-panel ul.shipping-methods, .order.order--checkout pre.form-panel ul.shipping-methods,
      .order.order--checkout .form-panel.syntaxhighlighter ul.shipping-methods, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu ul.shipping-methods, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu ul.shipping-methods {
        list-style-type: none;
        margin-left: 0; }
        .order.order--checkout .panel.form-panel ul.shipping-methods input, .order.order--checkout pre.form-panel ul.shipping-methods input,
        .order.order--checkout .form-panel.syntaxhighlighter ul.shipping-methods input, .order.order--checkout .twitter-typeahead .form-panel.tt-dropdown-menu ul.shipping-methods input, .twitter-typeahead .order.order--checkout .form-panel.tt-dropdown-menu ul.shipping-methods input {
          margin-bottom: 0; }
    .order.order--checkout.order--checkout--trial .panel.form-panel, .order.order--checkout.order--checkout--trial pre.form-panel,
    .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu {
      margin: 0 auto;
      max-width: 760px;
      padding-bottom: 25px; }
      .order.order--checkout.order--checkout--trial .panel.form-panel > h1, .order.order--checkout.order--checkout--trial pre.form-panel > h1,
      .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter > h1, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu > h1, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu > h1 {
        padding-right: 110px;
        position: relative; }
        .order.order--checkout.order--checkout--trial .panel.form-panel > h1 .ssl-secure-container, .order.order--checkout.order--checkout--trial pre.form-panel > h1 .ssl-secure-container,
        .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter > h1 .ssl-secure-container, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu > h1 .ssl-secure-container, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu > h1 .ssl-secure-container {
          color: #949494;
          cursor: default;
          font-size: 12px;
          font-weight: normal;
          position: absolute;
          top: 1px;
          right: 0; }
          .order.order--checkout.order--checkout--trial .panel.form-panel > h1 .ssl-secure-container .icon, .order.order--checkout.order--checkout--trial pre.form-panel > h1 .ssl-secure-container .icon,
          .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter > h1 .ssl-secure-container .icon, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu > h1 .ssl-secure-container .icon, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu > h1 .ssl-secure-container .icon {
            font-size: 20px;
            position: relative;
            top: 3px;
            left: -5px; }
      .order.order--checkout.order--checkout--trial .panel.form-panel .product-features-box, .order.order--checkout.order--checkout--trial pre.form-panel .product-features-box,
      .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter .product-features-box, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu .product-features-box, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu .product-features-box {
        background-color: #1c94c6;
        color: #fff;
        padding: 15px 10px;
        margin: 0 -11px 25px; }
        .order.order--checkout.order--checkout--trial .panel.form-panel .product-features-box .icon-container, .order.order--checkout.order--checkout--trial pre.form-panel .product-features-box .icon-container,
        .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter .product-features-box .icon-container, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu .product-features-box .icon-container, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu .product-features-box .icon-container {
          display: table-cell;
          padding-right: 13px; }
          .order.order--checkout.order--checkout--trial .panel.form-panel .product-features-box .icon-container .icon, .order.order--checkout.order--checkout--trial pre.form-panel .product-features-box .icon-container .icon,
          .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter .product-features-box .icon-container .icon, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu .product-features-box .icon-container .icon, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu .product-features-box .icon-container .icon {
            font-size: 20px;
            line-height: 0;
            position: relative;
            top: 6px; }
        .order.order--checkout.order--checkout--trial .panel.form-panel .product-features-box p.product-features-text, .order.order--checkout.order--checkout--trial pre.form-panel .product-features-box p.product-features-text,
        .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter .product-features-box p.product-features-text, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu .product-features-box p.product-features-text, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu .product-features-box p.product-features-text {
          color: inherit;
          display: table-cell;
          font-weight: 700;
          vertical-align: top; }
      .order.order--checkout.order--checkout--trial .panel.form-panel .card-section .row fieldset, .order.order--checkout.order--checkout--trial pre.form-panel .card-section .row fieldset,
      .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter .card-section .row fieldset, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu .card-section .row fieldset, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu .card-section .row fieldset {
        margin-bottom: 0; }
@media only screen and (min-width: 450px) and (min-width: 450px) {
  .order.order--checkout.order--checkout--trial .panel.form-panel .row .column--form-field.submit-order .button, .order.order--checkout.order--checkout--trial pre.form-panel .row .column--form-field.submit-order .button,
  .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter .row .column--form-field.submit-order .button, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu .row .column--form-field.submit-order .button, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu .row .column--form-field.submit-order .button {
    width: 100%; } }

    @media only screen and (min-width: 768px) {
      .order.order--checkout.order--checkout--trial .panel.form-panel > h1, .order.order--checkout.order--checkout--trial pre.form-panel > h1,
      .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter > h1, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu > h1, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu > h1 {
        padding-right: 150px; }
        .order.order--checkout.order--checkout--trial .panel.form-panel > h1 .ssl-secure-container, .order.order--checkout.order--checkout--trial pre.form-panel > h1 .ssl-secure-container,
        .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter > h1 .ssl-secure-container, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu > h1 .ssl-secure-container, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu > h1 .ssl-secure-container {
          font-size: 16px;
          top: 1px; }
          .order.order--checkout.order--checkout--trial .panel.form-panel > h1 .ssl-secure-container .icon, .order.order--checkout.order--checkout--trial pre.form-panel > h1 .ssl-secure-container .icon,
          .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter > h1 .ssl-secure-container .icon, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu > h1 .ssl-secure-container .icon, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu > h1 .ssl-secure-container .icon {
            font-size: 30px;
            left: -8px;
            top: 6px; }
          .order.order--checkout.order--checkout--trial .panel.form-panel > h1 .ssl-secure-container .product-features-text, .order.order--checkout.order--checkout--trial pre.form-panel > h1 .ssl-secure-container .product-features-text,
          .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter > h1 .ssl-secure-container .product-features-text, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu > h1 .ssl-secure-container .product-features-text, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu > h1 .ssl-secure-container .product-features-text {
            position: relative;
            top: -5px; }
      .order.order--checkout.order--checkout--trial .panel.form-panel .product-features-box, .order.order--checkout.order--checkout--trial pre.form-panel .product-features-box,
      .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter .product-features-box, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu .product-features-box, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu .product-features-box {
        margin: 0 -26px 25px;
        padding: 25px 100px; }
        .order.order--checkout.order--checkout--trial .panel.form-panel .product-features-box .icon-container, .order.order--checkout.order--checkout--trial pre.form-panel .product-features-box .icon-container,
        .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter .product-features-box .icon-container, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu .product-features-box .icon-container, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu .product-features-box .icon-container {
          padding-right: 30px; }
          .order.order--checkout.order--checkout--trial .panel.form-panel .product-features-box .icon-container .icon, .order.order--checkout.order--checkout--trial pre.form-panel .product-features-box .icon-container .icon,
          .order.order--checkout.order--checkout--trial .form-panel.syntaxhighlighter .product-features-box .icon-container .icon, .order.order--checkout.order--checkout--trial .twitter-typeahead .form-panel.tt-dropdown-menu .product-features-box .icon-container .icon, .twitter-typeahead .order.order--checkout.order--checkout--trial .form-panel.tt-dropdown-menu .product-features-box .icon-container .icon {
            font-size: 60px;
            top: 28px; } }
    .order.order--checkout .panel.order-summary, .order.order--checkout pre.order-summary,
    .order.order--checkout .order-summary.syntaxhighlighter, .order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu, .twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu {
      background-color: #fbfbfb;
      padding: 10px 15px; }
      .order.order--checkout .panel.order-summary table tr, .order.order--checkout pre.order-summary table tr,
      .order.order--checkout .order-summary.syntaxhighlighter table tr, .order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu table tr, .twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu table tr {
        background-color: #fbfbfb; }
        .order.order--checkout .panel.order-summary table tr td, .order.order--checkout pre.order-summary table tr td,
        .order.order--checkout .order-summary.syntaxhighlighter table tr td, .order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu table tr td, .twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu table tr td {
          vertical-align: top;
          color: #949494; }
          .order.order--checkout .panel.order-summary table tr td:first-child, .order.order--checkout pre.order-summary table tr td:first-child,
          .order.order--checkout .order-summary.syntaxhighlighter table tr td:first-child, .order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu table tr td:first-child, .twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu table tr td:first-child {
            padding-left: 0; }
          .order.order--checkout .panel.order-summary table tr td:last-child, .order.order--checkout pre.order-summary table tr td:last-child,
          .order.order--checkout .order-summary.syntaxhighlighter table tr td:last-child, .order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu table tr td:last-child, .twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu table tr td:last-child {
            padding-right: 0;
            text-align: right; }
          .order.order--checkout .panel.order-summary table tr td.separator hr, .order.order--checkout pre.order-summary table tr td.separator hr,
          .order.order--checkout .order-summary.syntaxhighlighter table tr td.separator hr, .order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu table tr td.separator hr, .twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu table tr td.separator hr {
            margin: 0; }
        .order.order--checkout .panel.order-summary table tr.total td, .order.order--checkout pre.order-summary table tr.total td,
        .order.order--checkout .order-summary.syntaxhighlighter table tr.total td, .order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu table tr.total td, .twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu table tr.total td {
          color: #424242;
          font-weight: 700; }
      @media only screen and (min-width: 450px) {
        .order.order--checkout .panel.order-summary, .order.order--checkout pre.order-summary,
        .order.order--checkout .order-summary.syntaxhighlighter, .order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu, .twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu {
          background-color: #fff; }
          .order.order--checkout .panel.order-summary table tr, .order.order--checkout pre.order-summary table tr,
          .order.order--checkout .order-summary.syntaxhighlighter table tr, .order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu table tr, .twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu table tr {
            background-color: #fff; } }
      @media only screen and (min-width: 768px) {
        .order.order--checkout .panel.order-summary, .order.order--checkout pre.order-summary,
        .order.order--checkout .order-summary.syntaxhighlighter, .order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu, .twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu {
          padding: 25px 20px; }
          .order.order--checkout .panel.order-summary table tr, .order.order--checkout pre.order-summary table tr,
          .order.order--checkout .order-summary.syntaxhighlighter table tr, .order.order--checkout .twitter-typeahead .order-summary.tt-dropdown-menu table tr, .twitter-typeahead .order.order--checkout .order-summary.tt-dropdown-menu table tr {
            background-color: #fff; } }
    .order.order--checkout .testimonial-item.testimonial-item--bubble {
      margin-bottom: 20px; }
      @media only screen and (min-width: 58.75em) {
        .order.order--checkout .testimonial-item.testimonial-item--bubble .testimonial-author .author__name {
          width: 185px; } }
    .order.order--checkout .hidden {
      display: none; }

.builder .video div {
  display: inline-block;
  vertical-align: top; }
.builder .video .poster {
  width: 25%; }
.builder .video .details {
  width: 50%;
  margin: 0 1%;
  overflow: hidden; }
  .builder .video .details div {
    display: block; }
.builder .video .controls {
  width: 20%; }

.builder-nav .nav.nav-tabs.lessons,
.builder-nav .nav.nav-tabs.lessons ol {
  margin-left: 0;
  position: relative;
  border: #e5e5e5;
  list-style: none; }
  .builder-nav .nav.nav-tabs.lessons li,
  .builder-nav .nav.nav-tabs.lessons ol li {
    padding-left: 1.25rem;
    padding-right: 0.5rem;
    border: 1px solid #e5e5e5; }
    .builder-nav .nav.nav-tabs.lessons li::before,
    .builder-nav .nav.nav-tabs.lessons ol li::before {
      display: inline-block;
      width: 1rem;
      margin-left: -5px;
      margin-right: 0.25rem;
      text-align: right;
      font-size: 0.75rem; }
    .builder-nav .nav.nav-tabs.lessons li > a,
    .builder-nav .nav.nav-tabs.lessons ol li > a {
      position: relative;
      z-index: 2; }
.builder-nav .nav.nav-tabs.lessons {
  counter-reset: lesson-counter; }
  .builder-nav .nav.nav-tabs.lessons > li {
    counter-increment: lesson-counter; }
    .builder-nav .nav.nav-tabs.lessons > li::before {
      content: counter(lesson-counter) "."; }
  .builder-nav .nav.nav-tabs.lessons ol {
    counter-reset: step-counter; }
    .builder-nav .nav.nav-tabs.lessons ol > li {
      counter-increment: step-counter;
      display: flex; }
      .builder-nav .nav.nav-tabs.lessons ol > li::before {
        content: counter(step-counter) "."; }
.builder-nav .handle.icon-move {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: left;
  text-indent: 5px;
  cursor: grab; }
.builder-nav .handle.icon-move:before {
  content: "\2195";
  display: inline-block; }
.builder-nav .handle.icon-move,
.builder-nav .step,
.builder-nav .lesson {
  display: inline-block; }

.discussion-page .sales-panel {
  overflow: hidden;
  padding: 0; }
  .discussion-page .sales-panel img {
    display: block;
    width: 100%;
    max-width: 250px;
    margin: auto; }

.book-page img {
  max-width: 100%; }
.book-page figcaption {
  padding: 15px 0 30px;
  font-size: 0.9em;
  font-weight: bold; }

/*# LEARNABLE FURNITURE #*/
.landing-page-section {
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 1.8em; }
  .landing-page-section:first-child, .landing-page-section.header-banner {
    padding-top: 0.625em; }
    @media only screen and (min-width: 768px) {
      .landing-page-section:first-child, .landing-page-section.header-banner {
        padding-top: 1.875em; } }
  .landing-page-section.l-p-s--white {
    background-color: #fff;
    border-top: none;
    border-bottom: none; }
    .landing-page-section.l-p-s--white.l-p-s--white--botborder {
      border-bottom: 1px solid #dbdbdb; }
  .landing-page-section.l-p-s--padless {
    padding: 0; }
  .landing-page-section h2 {
    color: #424242;
    margin-top: 1.5em;
    margin-bottom: 0; }
  .landing-page-section h3 {
    color: #949494;
    margin-top: 0.5em;
    text-align: center; }
  .landing-page-section.l-p-s--2-col h2 {
    margin-bottom: 1em; }
  .landing-page-section.l-p-s--2-col .l-p-s__media > img {
    max-width: 100%;
    padding-top: 20px; }
  .landing-page-section .button-group {
    margin-top: 1.875em; }
    .landing-page-section .button-group li {
      float: none;
      width: 100%; }
    @media only screen and (min-width: 768px) {
      .landing-page-section .button-group li {
        display: list-item;
        float: left;
        width: 50%; } }
    @media only screen and (min-width: 768px) and (max-width: 1060px) {
      .landing-page-section .button-group {
        width: 75%; } }
  .landing-page-section .feature-list {
    text-align: center;
    margin-left: 0;
    margin-right: 0; }
    .landing-page-section .feature-list p {
      color: #949494;
      line-height: 1.4; }
    .landing-page-section .feature-list .product_meta ul li.star-rating {
      line-height: 1.6; }
  .landing-page-section .l-p-s__bottom-links {
    margin-top: 40px;
    text-align: center; }
    .landing-page-section .l-p-s__bottom-links a {
      display: inline-block;
      margin: 0 10px 20px; }
  @media only screen and (min-width: 768px) {
    .landing-page-section .feature-list {
      text-align: left; }
    .landing-page-section .l-p-s__bottom-links {
      margin-bottom: 60px;
      margin-top: 70px;
      text-align: center; }
      .landing-page-section .l-p-s__bottom-links a {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 30px; }
        .landing-page-section .l-p-s__bottom-links a:first-child {
          margin-left: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1060px) {
    .landing-page-section .feature-list {
      padding: 0 !important; } }

/* HEADER BANNER LANDING PAGE SECTION */
.header-banner {
  background-color: rgba(0, 0, 0, 0.6) !important;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  min-height: 270px; }
  .header-banner h1,
  .header-banner h2 {
    color: #fff;
    margin-left: 0;
    margin-right: 0;
    padding-top: 9px; }
  .header-banner h2 {
    margin-top: 0; }
  .header-banner h3 {
    color: #fff; }
  .header-banner .cta-button {
    text-align: center; }
    .header-banner .cta-button .button {
      line-height: 1.3; }
  .header-banner .search-form {
    text-align: center; }
    .header-banner .search-form input {
      display: inline-block;
      height: 40px;
      padding: 0px 20px;
      margin-right: 6px;
      vertical-align: top;
      width: 200px; }
    .header-banner .search-form button {
      height: 40px;
      padding: 0 15px; }
  .header-banner .sign_up_form {
    max-width: 250px; }
    .header-banner .sign_up_form .input {
      text-align: center; }
      .header-banner .sign_up_form .input #strength-indicator {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-color: rgba(255, 255, 255, 0.3);
        display: none;
        padding: 10px 20px;
        margin-top: -15px;
        margin-bottom: 30px;
        opacity: 1;
        transition: none 1s linear; }
        .header-banner .sign_up_form .input #strength-indicator.red, .header-banner .sign_up_form .input #strength-indicator.orange, .header-banner .sign_up_form .input #strength-indicator.yellow, .header-banner .sign_up_form .input #strength-indicator.green {
          display: inline-block; }
        .header-banner .sign_up_form .input #strength-indicator.green {
          transition-delay: 2s;
          transition-property: opacity;
          opacity: 0; }
    .header-banner .sign_up_form .button-container > input {
      height: 40px;
      width: 100%; }
  @media only screen and (min-width: 768px) {
    .header-banner {
      min-height: 390px; }
      .header-banner h1 {
        color: #fff;
        margin-bottom: 0.65em;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0.9375em;
        max-width: 960px;
        width: auto; }
      .header-banner .search-form input {
        font-size: 20px;
        height: 55px;
        margin-right: 11px;
        width: 395px; }
      .header-banner .search-form button {
        font-size: 20px;
        height: 55px; }
      .header-banner .sign_up_form {
        max-width: 960px; }
        .header-banner .sign_up_form .input,
        .header-banner .sign_up_form .button-container {
          display: inline-block;
          margin-right: -4px;
          vertical-align: top;
          width: 40%; }
          .header-banner .sign_up_form .input > input,
          .header-banner .sign_up_form .button-container > input {
            display: inline-block;
            font-size: 18px;
            height: 50px;
            width: 90%; }
        .header-banner .sign_up_form .button-container {
          width: 15%; } }

/* BOOKMATRIX LANDING PAGE SECTION */
.l-p-s--bookmatrix {
  background-color: rgba(0, 0, 0, 0.6) !important;
  background-image: url(../jpg/landing-bg-bookmatrix1600x450-ff4626bb2515f262b8d5be6d4920da2c97457cb97879b00b305fd6ab2998475a.jpg);
  background-size: cover;
  min-height: 275px;
  padding-top: 40px; }
  .l-p-s--bookmatrix h3 {
    color: #fff;
    margin-top: 15px; }
  .l-p-s--bookmatrix .cta-button {
    text-align: center;
    margin-top: 25px; }
  @media only screen and (min-width: 768px) {
    .l-p-s--bookmatrix {
      background-size: auto;
      min-height: 450px;
      padding-top: 135px; } }
  .l-p-s--bookmatrix h2 {
    color: #fff; }

/* SECONDARY FEATURES LANDING PAGE SECTION ("Quizzes, Questions and Certification") */
/* inspired by _section-infographics-life-goodies.scss */
.l-p-s--secondary-features .feature-list {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  max-width: 940px;
  text-align: center; }
  .l-p-s--secondary-features .feature-list li .graphic-container {
    margin-bottom: 20px; }
  .l-p-s--secondary-features .feature-list li p {
    color: #777; }
@media only screen and (min-width: 768px) {
  .l-p-s--secondary-features .feature-list li .graphic-container {
    margin-bottom: 30px;
    min-height: 125px;
    position: relative; }
    .l-p-s--secondary-features .feature-list li .graphic-container .svg-wrapper {
      bottom: 0;
      position: absolute;
      text-align: center;
      width: 100%; } }

/*----------------------------------------------------------------------------------------------------------
#############################################  MISC. CROSS SITE PAGE WIDGETS
----------------------------------------------------------------------------------------------------------*/
/*# email address styling #*/
.email-address,
.author {
  color: #949494;
  width: 100%;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.main-header {
  background: #2c2c2c; }

.admin-impersonation {
  background: yellow;
  color: black;
  width: 100%;
  padding: 10px;
  height: 3em; }
  .admin-impersonation ul {
    list-style: none;
    margin: 0;
    width: 100%; }

/*----------------------------------------------------------------------------------------------------------
#############################################  FOOTER STYLES
----------------------------------------------------------------------------------------------------------*/
.site-footer {
  background: #fff;
  clear: both;
  color: #949494;
  padding-bottom: 3.75em;
  padding-top: 2px;
  /*# FOOTER LINKS #*/
  /*# FOOTER COPYRIGHT #*/ }
  @media only screen and (min-width: 768px) {
    .site-footer {
      padding-bottom: 3.125em;
      padding-top: 2.5em; } }
  .site-footer .row {
    position: relative; }
  .site-footer a {
    color: #949494; }
    .site-footer a:hover {
      color: #b5b5b5; }
  .site-footer .footer-links {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 100%;
    float: left;
    line-height: 1.5em;
    list-style: none;
    margin: 1.25em 0 0;
    padding-left: 0;
    padding-right: 0; }
    .site-footer .footer-links li:first-child {
      color: #424242;
      font-weight: 500;
      letter-spacing: -0.05em; }
      @media only screen and (min-width: 768px) {
        .site-footer .footer-links li:first-child {
          margin: 0 0 1.4em; } }
  .site-footer .newsletter {
    display: none;
    margin: 1.25em 0 0; }
    .site-footer .newsletter h4 {
      color: #424242;
      font-weight: 500;
      margin: 0 0 1.4em; }
    .site-footer .newsletter .string {
      width: 60%;
      float: left;
      height: 2.5em;
      margin-right: 0.625em; }
    @media only screen and (min-width: 768px) {
      .site-footer .newsletter {
        display: block; }
        .site-footer .newsletter .string {
          width: 100%;
          float: left; }
        .site-footer .newsletter .button {
          float: right;
          height: 2.5em;
          padding-bottom: 0;
          padding-top: 0; } }
    @media only screen and (min-width: 1060px) {
      .site-footer .newsletter .string {
        width: 60%;
        float: left; }
      .site-footer .newsletter .button {
        float: left; } }
  .site-footer .site-footer__copyright {
    line-height: 1.6;
    margin: 2.1875em 0 0; }
    @media only screen and (min-width: 768px) {
      .site-footer .site-footer__copyright {
        margin: 3.5em 0 0; } }

.site-footer--minimal {
  background-color: transparent;
  color: #949494;
  padding-bottom: 30px;
  padding-top: 20px; }
  .site-footer--minimal .site-footer__copyright {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: center; }
  @media only screen and (min-width: 768px) {
    .site-footer--minimal .site-footer__copyright {
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px; } }

.site-footer--reduced {
  padding-bottom: 30px;
  padding-top: 20px; }
  .site-footer--reduced .site-footer__simple-links {
    text-align: center; }
    .site-footer--reduced .site-footer__simple-links .footer-link:before {
      content: '\2022';
      display: inline-block;
      margin: 0 1em;
      pointer-events: none; }
    .site-footer--reduced .site-footer__simple-links .footer-link:first-child:before {
      display: none; }
    .site-footer--reduced .site-footer__simple-links .footer-link:hover:before {
      color: #949494; }
    .site-footer--reduced .site-footer__simple-links .footer-link a {
      line-height: 1.5; }
  .site-footer--reduced .site-footer__copyright {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: center; }
  @media only screen and (min-width: 768px) {
    .site-footer--reduced .site-footer__copyright {
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px; } }
  @media only screen and (min-width: 58.75em) {
    .site-footer--reduced {
      padding-top: 70px;
      padding-bottom: 80px; } }

form.inline-form {
  display: inline; }
  form.inline-form button, form.inline-form input, form.inline-form select {
    margin-bottom: 0; }

form.inline-form:before, form.inline-form:after {
  content: "";
  display: inline; }

.login-form .btn-login {
  margin-bottom: 15px; }
.login-form .separator-or {
  display: none; }
.login-form .alt-link-container {
  margin-top: 1em; }
@media only screen and (min-width: 450px) {
  .login-form .btn-login.button {
    width: auto; }
  .login-form .separator-or {
    display: inline; } }

.reveal-modal .login-form {
  margin-top: 1em; }

.sign-up-modal h2 {
  margin-bottom: 1.5em; }
.sign-up-modal .column--form-field {
  position: relative;
  width: 100%; }
  .sign-up-modal .column--form-field .sign_up_form_password {
    display: inline-block;
    width: 60%; }
  .sign-up-modal .column--form-field #strength-indicator {
    display: inline-block;
    margin-left: 1em;
    position: absolute;
    top: 13px; }
  .sign-up-modal .column--form-field .form-field__description.form-field__description--sign-in, .sign-up-modal .column--form-field .form-field__description.form-field__description--tos {
    text-align: center; }
.sign-up-modal .button {
  margin-bottom: 40px;
  margin-top: 1em; }

.modal--download .is-unlocked .button {
  margin-bottom: 10px; }

.sign-up-modal h2 {
  margin-bottom: 1.5em; }
.sign-up-modal .column--form-field {
  position: relative;
  width: 100%; }
  .sign-up-modal .column--form-field .sign_up_form_password {
    display: inline-block;
    width: 60%; }
  .sign-up-modal .column--form-field #strength-indicator {
    display: inline-block;
    margin-left: 1em;
    position: absolute;
    top: 13px; }
  .sign-up-modal .column--form-field .form-field__description.form-field__description--sign-in, .sign-up-modal .column--form-field .form-field__description.form-field__description--tos {
    text-align: center; }
.sign-up-modal .button {
  margin-bottom: 40px;
  margin-top: 1em; }

/*# LEARNABLE COMPONENT MODULES #*/
.fine-print,
.panel p.fine-print,
pre p.fine-print,
.syntaxhighlighter p.fine-print,
.twitter-typeahead .tt-dropdown-menu p.fine-print,
a.fine-print,
.fine-print code {
  color: #949494; }

.small {
  font-size: 90%; }

.large {
  font-size: 130%; }

/*----------------------------------------------------------------------------------------------------------
#############################################  STYLES FOR THE DISPLAYING memberS
----------------------------------------------------------------------------------------------------------*/
.member-profile .controls {
  margin-top: 1.25em; }

.member .member_avatar {
  margin-bottom: 1.25em; }
  .member .member_avatar a {
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    display: inline-block; }
    .member .member_avatar a:hover {
      filter: alpha(opacity=80);
      opacity: 0.8; }
  .member .member_avatar img {
    border-radius: 100px; }
.member .member_name {
  font-weight: 700;
  margin-bottom: 0; }
.member .member_title {
  color: #949494;
  margin-bottom: 0; }
.member .member_social {
  list-style: none;
  margin: 0 0 1em; }
  .member .member_social li {
    display: inline-block; }
    .member .member_social li:after {
      color: #949494;
      content: "\2022";
      display: inline-block;
      padding: 0 0.625em; }
    .member .member_social li:last-child:after {
      content: ""; }

@media only screen and (min-width: 1060px) {
  .member_bio .article_member {
    left: 0;
    position: relative;
    text-align: left;
    float: none;
    width: auto; } }
.member_bio .member_title {
  font-size: 1em; }
@media only screen and (min-width: 58.75em) {
  .member_bio .page_content h2 {
    clear: both;
    margin: 2.5em 0 1em; } }
.member_bio .article_author-avatar {
  float: right;
  margin: 1.5em;
  position: relative;
  right: auto; }
  @media only screen and (min-width: 58.75em) {
    .member_bio .article_author-avatar {
      float: left;
      width: 7em;
      margin: 0 1.5em 1em; } }

.product {
  margin: 0 -10px;
  padding: 15px 10px; }
  .product.product--placeholder {
    border-top: none; }
  .product h2 {
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 10px; }
    .product h2 a {
      color: #424242; }
    @media only screen and (min-width: 768px) {
      .product h2 {
        margin-top: -4px; } }
  .product.product--placeholder h2.product_title a {
    color: #949494; }
  .product .product_release_date {
    font-size: 0.9em;
    color: #949494; }
  .product .product_preorder {
    font-size: 0.9em;
    line-height: 1.35;
    font-weight: 700; }
  .product .product_supporting p {
    line-height: 1.35;
    margin-bottom: 0.5em; }
    .product .product_supporting p.author .author__name-placeholder {
      display: inline-block;
      background-color: #f3f3f3;
      width: 30%;
      height: 1em; }
  @media only screen and (min-width: 768px) {
    .product .product_supporting {
      flex: 1 0 auto; } }
  .product .product_poster {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 37.5%;
    float: left;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
    @media only screen and (min-width: 768px) {
      .product .product_poster {
        position: relative;
        padding-left: 0.625em;
        padding-right: 0.625em;
        width: 25%;
        float: left; } }
    .product .product_poster img {
      max-width: 100%;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px; }
    .product .product_poster .image-placeholder {
      background-color: #dbdbd5;
      height: 110px;
      width: 100%; }
    .product .product_poster .book {
      width: 100%; }
      .product .product_poster .book img {
        margin: 0;
        max-height: 7.5em;
        width: auto; }
  .product.status--upcoming .product_poster img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%); }
  @media only screen and (min-width: 768px) {
    .product {
      margin: 0 -25px;
      padding: 25px; } }

.product_poster,
.product_media {
  position: relative;
  text-align: center; }
  .product_poster .screencast img,
  .product_media .screencast img {
    background: #000;
    padding-bottom: 5%;
    padding-top: 5%; }
  .product_poster .video,
  .product_poster .screencast,
  .product_media .video,
  .product_media .screencast {
    display: block; }
    .product_poster .video.image-placeholder:after,
    .product_poster .screencast.image-placeholder:after,
    .product_media .video.image-placeholder:after,
    .product_media .screencast.image-placeholder:after {
      text-shadow: none; }
    @media only screen and (min-width: 450px) {
      .product_poster .video,
      .product_poster .screencast,
      .product_media .video,
      .product_media .screencast {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) {
      .product_poster .video,
      .product_poster .screencast,
      .product_media .video,
      .product_media .screencast {
        font-size: 40px; } }
    @media only screen and (min-width: 1060px) {
      .product_poster .video,
      .product_poster .screencast,
      .product_media .video,
      .product_media .screencast {
        font-size: 60px; } }

.product_list.panel, pre.product_list,
.product_list.syntaxhighlighter, .twitter-typeahead .product_list.tt-dropdown-menu,
.product_list .panel,
.product_list pre,
.product_list .syntaxhighlighter,
.product_list .twitter-typeahead .tt-dropdown-menu,
.twitter-typeahead .product_list .tt-dropdown-menu {
  padding-bottom: 0; }
.product_list .product_title_container {
  position: relative;
  padding-left: 0.625em;
  padding-right: 0.625em;
  width: 62.5%;
  float: left; }
  @media only screen and (min-width: 768px) {
    .product_list .product_title_container {
      position: relative;
      padding-left: 0.625em;
      padding-right: 0.625em;
      width: 75%;
      float: left; } }
  @media only screen and (min-width: 58.75em) {
    .product_list .product_title_container {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      min-height: 110px; } }
.product_list .possession .product_title_container {
  position: relative;
  padding-left: 0.625em;
  padding-right: 0.625em;
  width: 62.5%;
  float: left; }
  @media only screen and (min-width: 768px) {
    .product_list .possession .product_title_container {
      position: relative;
      padding-left: 0.625em;
      padding-right: 0.625em;
      width: 56.25%;
      float: left; } }
.product_list .product:hover {
  background-color: #f3f3f3;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }
.product_list .product.status--upcoming:hover, .product_list .product.product--placeholder:hover {
  background-color: #fff !important; }
.product_list .product.status--upcoming .opaque-layer, .product_list .product.product--placeholder .opaque-layer {
  background-color: rgba(0, 0, 0, 0.05) !important;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }

.dashboard .product .product_title_container {
  position: relative;
  padding-left: 0.625em;
  padding-right: 0.625em;
  width: 62.5%;
  float: left; }
  @media only screen and (min-width: 768px) {
    .dashboard .product .product_title_container {
      position: relative;
      padding-left: 0.625em;
      padding-right: 0.625em;
      width: 56.25%;
      float: left; } }
  @media only screen and (min-width: 58.75em) {
    .dashboard .product .product_title_container {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      min-height: 110px; } }
@media only screen and (min-width: 768px) {
  .dashboard .product.product--placeholder .product_title_container {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 50%;
    float: left; } }

.product_meta .progress {
  float: left;
  margin-right: 0.75em;
  width: 60%; }
  @media only screen and (min-width: 768px) {
    .product_meta .progress {
      margin-bottom: 0; } }
.product_meta ul {
  margin-bottom: -5px;
  margin-left: 0; }
  .product_meta ul:after {
    content: "";
    display: table;
    clear: both; }
  .product_meta ul li {
    color: #949494;
    display: inline-block;
    line-height: 1.6;
    list-style: none;
    margin-right: 2em;
    min-width: 2em;
    list-position: inside; }

.star-rating {
  font-family: 'Font Awesome 5 Pro';
  font-display: auto; }
  .star-rating.star-rating--orange {
    color: #ffa42f; }

.reviewer .star-rating {
  font-size: 0.65em; }

.product_controls {
  margin-top: 0.9375em;
  padding-left: 0.625em;
  padding-right: 0.625em;
  position: relative;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .product_controls {
      position: relative;
      padding-left: 0.625em;
      padding-right: 0.625em;
      width: 18.75%;
      float: left;
      margin-top: 3px; } }
  .product_controls .button {
    padding-left: 0.5em;
    padding-right: 0.5em;
    width: 100%; }
    .product_controls .button:last-child {
      margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .product--placeholder .product_controls {
      position: relative;
      padding-left: 0.625em;
      padding-right: 0.625em;
      width: 25%;
      float: left; } }
  .product--placeholder .product_controls .button {
    color: #1c94c6;
    border-color: #1c94c6; }
    .product--placeholder .product_controls .button:hover {
      color: #167399;
      background-color: rgba(0, 0, 0, 0.03);
      border-color: #167399; }
  .product_controls .close {
    color: #949494;
    display: none;
    position: absolute;
    right: 0px;
    top: -20px; }
    @media only screen and (min-width: 768px) {
      .product_controls .close {
        display: block; } }
    .product_controls .close .product_controls_flyout {
      background: #fff;
      border: solid 1px #e5e5e5;
      border-radius: 2px;
      display: none;
      padding: 5px;
      position: absolute;
      right: -160px;
      top: -16px;
      width: 150px;
      z-index: 99; }
      .product_controls .close .product_controls_flyout.VISIBLE {
        display: block; }
      .product_controls .close .product_controls_flyout .arrow-left {
        border-bottom: 10px solid transparent;
        border-right: 10px solid #e5e5e5;
        border-top: 10px solid transparent;
        display: block;
        height: 0;
        left: -10px;
        position: absolute;
        top: 15px;
        width: 0; }
        .product_controls .close .product_controls_flyout .arrow-left:after {
          border-bottom: 10px solid transparent;
          border-right: 10px solid #fff;
          border-top: 10px solid transparent;
          content: '';
          display: block;
          height: 0;
          left: 2px;
          position: absolute;
          top: -10px;
          width: 0; }
      .product_controls .close .product_controls_flyout ul {
        margin: 0;
        padding: 0; }
      .product_controls .close .product_controls_flyout li {
        list-style: none;
        margin: 0;
        padding: 0; }
        .product_controls .close .product_controls_flyout li a {
          border-radius: 2px;
          color: #949494;
          display: inline-block;
          text-align: center;
          width: 100%; }
          .product_controls .close .product_controls_flyout li a.highlight {
            background-color: transparent;
            font-weight: 700; }
          .product_controls .close .product_controls_flyout li a:hover {
            background-color: #eee; }

.panel .email-address, pre .email-address,
.syntaxhighlighter .email-address, .twitter-typeahead .tt-dropdown-menu .email-address,
.panel .author,
pre .author,
.syntaxhighlighter .author,
.twitter-typeahead .tt-dropdown-menu .author {
  color: #949494;
  width: 100%; }

@media only screen and (min-width: 768px) {
  p.heading-aligned {
    margin-top: 13px; } }

.has-avatar h2 {
  margin-top: 0em; }
.has-avatar .feature-avatar {
  float: left;
  margin-right: 1.5em; }
.has-avatar .current-avatar img {
  max-height: 100%;
  max-width: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }
.has-avatar > .current-avatar ~ p, .has-avatar > .current-avatar ~ h2 {
  margin-left: 70px; }

/* SOCIAL GENERAL */
.avatar-large,
.avatar-medium,
.avatar-small {
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.avatar-large {
  max-width: 64px;
  max-height: 64px; }

.avatar-medium {
  max-width: 48px;
  max-height: 48px; }

.avatar-small {
  max-width: 27px;
  max-height: 27px; }

/* AVATAR PICKER MODAL */
#avatar-picker .avatar-container {
  position: relative;
  height: 10rem; }
  #avatar-picker .avatar-container .avatar-inner {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%; }
    #avatar-picker .avatar-container .avatar-inner img {
      margin-left: -50%;
      margin-top: -50%; }

/*----------------------------------------------------------------------------------------------------------
#############################################  IMAGE GRID
----------------------------------------------------------------------------------------------------------*/
.image-grid {
  width: auto;
  margin-left: -0.625em;
  margin-right: -0.625em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1;
  list-style: none;
  margin-bottom: 0.625em;
  margin-top: 3.125em; }
  .image-grid:before, .image-grid:after {
    content: " ";
    display: table; }
  .image-grid:after {
    clear: both; }
  @media only screen and (min-width: 58.75em) {
    .image-grid {
      margin-bottom: 3.125em; } }
  .image-grid .image-grid_item {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 33.3125%;
    float: left;
    display: inline-block;
    float: none;
    min-height: 150px;
    margin-bottom: 1.25em;
    vertical-align: top;
    width: 32.4%; }
    @media only screen and (min-width: 58.75em) {
      .image-grid .image-grid_item {
        position: relative;
        padding-left: 0.625em;
        padding-right: 0.625em;
        width: 19%; } }
  .image-grid .image-grid_figure {
    overflow: hidden;
    position: relative; }
    .image-grid .image-grid_figure img {
      width: 100%; }
  .image-grid .image-grid_caption h2 {
    font-weight: 700;
    line-height: 1.1;
    margin: 1em 0 0; }
  .image-grid .image-grid_caption p {
    line-height: 1.1;
    margin: 0; }

/*# WHEN WE DON"T HAVE TOUCH, DO SOME HOVER #*/
@media only screen and (min-width: 58.75em) {
  .no-touch .image-grid_caption {
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%; }
    .no-touch .image-grid_caption .image-grid_caption-text {
      -moz-transition: bottom 500ms;
      -o-transition: bottom 500ms;
      -webkit-transition: bottom 500ms;
      transition: bottom 500ms;
      bottom: 0;
      padding: 0 1em;
      position: absolute; } }
  @media only screen and (min-width: 58.75em) and (min-width: 58.75em) {
    .no-touch .image-grid_caption h2, .no-touch .image-grid_caption a {
      color: #fff; } }
@media only screen and (min-width: 58.75em) {
    .no-touch .image-grid_caption:hover {
      filter: alpha(opacity=100);
      opacity: 1; }
      .no-touch .image-grid_caption:hover .image-grid_caption-text {
        bottom: 1em; } }

.pricing-panels-container {
  display: block;
  padding: 0;
  margin: 0 -0.625em;
  *zoom: 1;
  margin-top: 1em; }
  .pricing-panels-container:before, .pricing-panels-container:after {
    content: " ";
    display: table; }
  .pricing-panels-container:after {
    clear: both; }
  .pricing-panels-container > li {
    display: inline;
    height: auto;
    float: left;
    padding: 0 0.625em 1.25em; }
  .pricing-panels-container > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .pricing-panels-container > li:nth-of-type(n) {
      clear: none; }
    .pricing-panels-container > li:nth-of-type(1n+1) {
      clear: both; }
  .pricing-panels-container > li {
    width: 100% !important; }
    .pricing-panels-container > li .panel, .pricing-panels-container > li pre,
    .pricing-panels-container > li .syntaxhighlighter, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu {
      border-radius: 11px;
      border: 4px solid;
      padding: 0;
      background-color: #e9e9e9;
      max-width: 340px;
      height: 480px; }
      @media (min-width: 936px) {
        .pricing-panels-container > li .panel, .pricing-panels-container > li pre,
        .pricing-panels-container > li .syntaxhighlighter, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu {
          height: 540px; } }
      .pricing-panels-container > li .panel.current, .pricing-panels-container > li pre.current,
      .pricing-panels-container > li .current.syntaxhighlighter, .pricing-panels-container > li .twitter-typeahead .current.tt-dropdown-menu, .twitter-typeahead .pricing-panels-container > li .current.tt-dropdown-menu {
        border-color: #fa3292; }
        @media (max-width: 935px) {
          .pricing-panels-container > li .panel.current, .pricing-panels-container > li pre.current,
          .pricing-panels-container > li .current.syntaxhighlighter, .pricing-panels-container > li .twitter-typeahead .current.tt-dropdown-menu, .twitter-typeahead .pricing-panels-container > li .current.tt-dropdown-menu {
            height: 260px; }
            .pricing-panels-container > li .panel.current .img-container, .pricing-panels-container > li pre.current .img-container,
            .pricing-panels-container > li .current.syntaxhighlighter .img-container, .pricing-panels-container > li .twitter-typeahead .current.tt-dropdown-menu .img-container, .twitter-typeahead .pricing-panels-container > li .current.tt-dropdown-menu .img-container {
              display: none !important; } }
        .pricing-panels-container > li .panel.current > .title, .pricing-panels-container > li pre.current > .title,
        .pricing-panels-container > li .current.syntaxhighlighter > .title, .pricing-panels-container > li .twitter-typeahead .current.tt-dropdown-menu > .title, .twitter-typeahead .pricing-panels-container > li .current.tt-dropdown-menu > .title {
          background-color: #fa3292; }
      .pricing-panels-container > li .panel.alternative, .pricing-panels-container > li pre.alternative,
      .pricing-panels-container > li .alternative.syntaxhighlighter, .pricing-panels-container > li .twitter-typeahead .alternative.tt-dropdown-menu, .twitter-typeahead .pricing-panels-container > li .alternative.tt-dropdown-menu {
        border-color: #82aac7; }
        .pricing-panels-container > li .panel.alternative > .title, .pricing-panels-container > li pre.alternative > .title,
        .pricing-panels-container > li .alternative.syntaxhighlighter > .title, .pricing-panels-container > li .twitter-typeahead .alternative.tt-dropdown-menu > .title, .twitter-typeahead .pricing-panels-container > li .alternative.tt-dropdown-menu > .title {
          background-color: #82aac7; }
      .pricing-panels-container > li .panel .pricing-table .title, .pricing-panels-container > li pre .pricing-table .title,
      .pricing-panels-container > li .syntaxhighlighter .pricing-table .title, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table .title, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table .title,
      .pricing-panels-container > li .panel .pricing-table .amount,
      .pricing-panels-container > li pre .pricing-table .amount,
      .pricing-panels-container > li .syntaxhighlighter .pricing-table .amount,
      .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table .amount,
      .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table .amount {
        font-size: 35px;
        background: none; }
      @media (min-width: 1157px) {
        .pricing-panels-container > li .panel .pricing-table .img-container, .pricing-panels-container > li pre .pricing-table .img-container,
        .pricing-panels-container > li .syntaxhighlighter .pricing-table .img-container, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table .img-container, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table .img-container {
          min-height: 175px; } }
      .pricing-panels-container > li .panel .pricing-table .cta-button, .pricing-panels-container > li pre .pricing-table .cta-button,
      .pricing-panels-container > li .syntaxhighlighter .pricing-table .cta-button, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table .cta-button, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table .cta-button,
      .pricing-panels-container > li .panel .pricing-table .price,
      .pricing-panels-container > li pre .pricing-table .price,
      .pricing-panels-container > li .syntaxhighlighter .pricing-table .price,
      .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table .price,
      .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table .price {
        background: none; }
      .pricing-panels-container > li .panel .pricing-table.pricing-table--trial, .pricing-panels-container > li pre .pricing-table.pricing-table--trial,
      .pricing-panels-container > li .syntaxhighlighter .pricing-table.pricing-table--trial, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table.pricing-table--trial, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table.pricing-table--trial {
        padding-bottom: 1.4em; }
        .pricing-panels-container > li .panel .pricing-table.pricing-table--trial .button, .pricing-panels-container > li pre .pricing-table.pricing-table--trial .button,
        .pricing-panels-container > li .syntaxhighlighter .pricing-table.pricing-table--trial .button, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table.pricing-table--trial .button, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table.pricing-table--trial .button {
          background-color: #90c352;
          border-color: #90c352;
          color: #fff; }
          .pricing-panels-container > li .panel .pricing-table.pricing-table--trial .button:hover, .pricing-panels-container > li pre .pricing-table.pricing-table--trial .button:hover,
          .pricing-panels-container > li .syntaxhighlighter .pricing-table.pricing-table--trial .button:hover, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table.pricing-table--trial .button:hover, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table.pricing-table--trial .button:hover, .pricing-panels-container > li .panel .pricing-table.pricing-table--trial .button:focus, .pricing-panels-container > li pre .pricing-table.pricing-table--trial .button:focus,
          .pricing-panels-container > li .syntaxhighlighter .pricing-table.pricing-table--trial .button:focus, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table.pricing-table--trial .button:focus, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table.pricing-table--trial .button:focus {
            background-color: #7caf3d;
            border-color: #7caf3d; }
          .pricing-panels-container > li .panel .pricing-table.pricing-table--trial .button:hover, .pricing-panels-container > li pre .pricing-table.pricing-table--trial .button:hover,
          .pricing-panels-container > li .syntaxhighlighter .pricing-table.pricing-table--trial .button:hover, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table.pricing-table--trial .button:hover, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table.pricing-table--trial .button:hover, .pricing-panels-container > li .panel .pricing-table.pricing-table--trial .button:focus, .pricing-panels-container > li pre .pricing-table.pricing-table--trial .button:focus,
          .pricing-panels-container > li .syntaxhighlighter .pricing-table.pricing-table--trial .button:focus, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table.pricing-table--trial .button:focus, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table.pricing-table--trial .button:focus {
            color: #fff; }
      .pricing-panels-container > li .panel .pricing-table img, .pricing-panels-container > li pre .pricing-table img,
      .pricing-panels-container > li .syntaxhighlighter .pricing-table img, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table img, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table img {
        width: 75%; }
      .pricing-panels-container > li .panel .pricing-table ul li, .pricing-panels-container > li pre .pricing-table ul li,
      .pricing-panels-container > li .syntaxhighlighter .pricing-table ul li, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table ul li, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table ul li {
        line-height: 1.25;
        list-style: disc;
        font-size: 14px; }
      .pricing-panels-container > li .panel .pricing-table .savings, .pricing-panels-container > li pre .pricing-table .savings,
      .pricing-panels-container > li .syntaxhighlighter .pricing-table .savings, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table .savings, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table .savings {
        color: #df5e54;
        text-align: center;
        margin-bottom: 1em; }
    .pricing-panels-container > li:first-child .panel .pricing-table .savings, .pricing-panels-container > li:first-child pre .pricing-table .savings,
    .pricing-panels-container > li:first-child .syntaxhighlighter .pricing-table .savings, .pricing-panels-container > li:first-child .twitter-typeahead .tt-dropdown-menu .pricing-table .savings, .twitter-typeahead .pricing-panels-container > li:first-child .tt-dropdown-menu .pricing-table .savings {
      display: none; }
  @media only screen and (min-width: 768px) {
    .pricing-panels-container {
      display: block;
      padding: 0;
      margin: 0 -0.625em;
      *zoom: 1;
      padding-left: 15px;
      padding-right: 15px; }
      .pricing-panels-container:before, .pricing-panels-container:after {
        content: " ";
        display: table; }
      .pricing-panels-container:after {
        clear: both; }
      .pricing-panels-container > li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 0.625em 1.25em; }
      .pricing-panels-container > li {
        width: 33.33333%;
        padding: 0 0.625em 1.25em; }
        .pricing-panels-container > li:nth-of-type(n) {
          clear: none; }
        .pricing-panels-container > li:nth-of-type(3n+1) {
          clear: both; }
      .pricing-panels-container.pricing-panels-container--2-col {
        display: block;
        padding: 0;
        margin: 0 -0.625em;
        *zoom: 1;
        margin-left: auto;
        margin-right: auto;
        max-width: 680px; }
        .pricing-panels-container.pricing-panels-container--2-col:before, .pricing-panels-container.pricing-panels-container--2-col:after {
          content: " ";
          display: table; }
        .pricing-panels-container.pricing-panels-container--2-col:after {
          clear: both; }
        .pricing-panels-container.pricing-panels-container--2-col > li {
          display: inline;
          height: auto;
          float: left;
          padding: 0 0.625em 1.25em; }
        .pricing-panels-container.pricing-panels-container--2-col > li {
          width: 50%;
          padding: 0 0.625em 1.25em; }
          .pricing-panels-container.pricing-panels-container--2-col > li:nth-of-type(n) {
            clear: none; }
          .pricing-panels-container.pricing-panels-container--2-col > li:nth-of-type(2n+1) {
            clear: both; }
        .pricing-panels-container.pricing-panels-container--2-col .panel.has-sash .sash, .pricing-panels-container.pricing-panels-container--2-col pre.has-sash .sash,
        .pricing-panels-container.pricing-panels-container--2-col .has-sash.syntaxhighlighter .sash, .pricing-panels-container.pricing-panels-container--2-col .twitter-typeahead .has-sash.tt-dropdown-menu .sash, .twitter-typeahead .pricing-panels-container.pricing-panels-container--2-col .has-sash.tt-dropdown-menu .sash {
          display: block; }
      .pricing-panels-container > li .panel .pricing-table .price .currency, .pricing-panels-container > li pre .pricing-table .price .currency,
      .pricing-panels-container > li .syntaxhighlighter .pricing-table .price .currency, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table .price .currency, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table .price .currency {
        top: -22px;
        top: -1.375rem; }
      .pricing-panels-container > li:first-child .panel .pricing-table .savings, .pricing-panels-container > li:first-child pre .pricing-table .savings,
      .pricing-panels-container > li:first-child .syntaxhighlighter .pricing-table .savings, .pricing-panels-container > li:first-child .twitter-typeahead .tt-dropdown-menu .pricing-table .savings, .twitter-typeahead .pricing-panels-container > li:first-child .tt-dropdown-menu .pricing-table .savings {
        display: block; } }
  @media only screen and (min-width: 768px) and (max-width: 1060px) {
    .pricing-panels-container > li .panel .pricing-table .price .period, .pricing-panels-container > li pre .pricing-table .price .period,
    .pricing-panels-container > li .syntaxhighlighter .pricing-table .price .period, .pricing-panels-container > li .twitter-typeahead .tt-dropdown-menu .pricing-table .price .period, .twitter-typeahead .pricing-panels-container > li .tt-dropdown-menu .pricing-table .price .period {
      display: block;
      margin-top: 15px; } }

.upgrade-membership-container h5 {
  font-weight: 300; }
  @media (min-width: 936px) {
    .upgrade-membership-container h5 {
      font-weight: normal; } }

.sp-announcement-panel {
  background-color: #1c94c6;
  text-align: center;
  padding: 1.2em 0.5em 0.6em; }
  .sp-announcement-panel h1 {
    color: #fff;
    display: inline-block;
    position: relative;
    top: 3px; }
    .sp-announcement-panel h1 .ending-dot {
      display: none; }
  .sp-announcement-panel.sp-announcement-panel--top {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5; }
    .sp-announcement-panel.sp-announcement-panel--top h1 {
      color: #424242;
      font-weight: 400;
      letter-spacing: normal;
      line-height: 1.2;
      padding-right: 0;
      top: 0; }
      .sp-announcement-panel.sp-announcement-panel--top h1 .ending-dot {
        display: inline; }
    .sp-announcement-panel.sp-announcement-panel--top a {
      display: inline-block;
      line-height: 1.2;
      margin-bottom: 0.5em; }
  .sp-announcement-panel.sp-announcement-panel--alert {
    background-color: #de7070; }
    .sp-announcement-panel.sp-announcement-panel--alert .column:first-child {
      width: 60%; }
    .sp-announcement-panel.sp-announcement-panel--alert .column:nth-child(2) {
      width: 40%; }
    .sp-announcement-panel.sp-announcement-panel--alert h1 {
      font-size: 19px; }
    .sp-announcement-panel.sp-announcement-panel--alert a.start-trial {
      border: 3px solid #eeb7b7;
      color: #fff;
      display: inline-block;
      font-size: 20px;
      font-weight: bold;
      margin: 0 auto;
      padding: 8px 36px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    .sp-announcement-panel.sp-announcement-panel--alert a.close {
      color: #fff;
      font-size: 28px;
      font-weight: bold;
      position: absolute;
      right: 20px; }
  .sp-announcement-panel.sp-announcement-panel--info p {
    color: #fff; }
  .sp-announcement-panel.sp-announcement-panel--special-offer h1 {
    font-weight: bold; }
    .sp-announcement-panel.sp-announcement-panel--special-offer h1 i {
      color: #2c9bc7;
      margin-right: 6px; }
  @media only screen and (min-width: 450px) {
    .sp-announcement-panel h1 {
      padding-right: 1em; } }

.loading-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -10000;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -moz-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in; }
  .loading-overlay.VISIBLE {
    opacity: 1;
    z-index: 10000; }
  .loading-overlay .spinner {
    top: 50%;
    left: 50%; }

.modal--standard .icon-container i {
  color: #949494;
  font-size: 50px; }
.modal--standard .icon-container + h2 {
  margin-top: 1em; }
.modal--standard h2 {
  font-weight: 700;
  margin-top: 0;
  text-align: center; }
.modal--standard h3 {
  margin-top: 0;
  text-align: center; }
.modal--standard .cta-message {
  color: #949494;
  line-height: 1.6;
  padding: 0.8em 0; }
  .modal--standard .cta-message strong {
    color: #424242; }
  .modal--standard .cta-message.cta-message--small {
    font-size: 80%; }
  .modal--standard .cta-message:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }
  .modal--standard .cta-message.cta-message--top-pad-0 {
    padding-top: 0; }
.modal--standard .button {
  width: 100%; }
.modal--standard .row:last-child .column--form-field .form-field__description {
  margin-bottom: 0; }

.sidebar-right .panel .table-row, .sidebar-right pre .table-row,
.sidebar-right .syntaxhighlighter .table-row, .sidebar-right .twitter-typeahead .tt-dropdown-menu .table-row, .twitter-typeahead .sidebar-right .tt-dropdown-menu .table-row {
  display: table-row; }
  .sidebar-right .panel .table-row .table-cell, .sidebar-right pre .table-row .table-cell,
  .sidebar-right .syntaxhighlighter .table-row .table-cell, .sidebar-right .twitter-typeahead .tt-dropdown-menu .table-row .table-cell, .twitter-typeahead .sidebar-right .tt-dropdown-menu .table-row .table-cell {
    color: #949494;
    display: table-cell;
    padding-top: 15px;
    vertical-align: top; }
    .sidebar-right .panel .table-row .table-cell.icon-cell, .sidebar-right pre .table-row .table-cell.icon-cell,
    .sidebar-right .syntaxhighlighter .table-row .table-cell.icon-cell, .sidebar-right .twitter-typeahead .tt-dropdown-menu .table-row .table-cell.icon-cell, .twitter-typeahead .sidebar-right .tt-dropdown-menu .table-row .table-cell.icon-cell {
      color: #1c94c6;
      font-size: 24px;
      padding-right: 15px; }

/* Styles the dropdown of typeahead.js
   https://github.com/twitter/typeahead.js/

   Out of the box the dropdown has no styling,
   module simply makes it appear as though it
   were a panel, with the main features being
   muted outline and slightly rounded corners.

   And padding...
 */
.twitter-typeahead .tt-dropdown-menu {
  background-color: #fff;
  width: inherit;
  padding: 0.625em;
  padding-bottom: 0;
  margin-top: -1.25em; }

.testimonial-item.testimonial-item--bubble {
  line-height: 1.6; }
  .testimonial-item.testimonial-item--bubble .bubble {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-bottom: 25px;
    position: relative; }
    .testimonial-item.testimonial-item--bubble .bubble:before {
      background-color: #fff;
      bottom: -7px;
      border: 1px solid #dbdbdb;
      content: "\00a0";
      display: block;
      height: 15px;
      position: absolute;
      right: 14px;
      transform: rotate(125deg) skew(-20deg);
      -moz-transform: rotate(125deg) skew(-20deg);
      -ms-transform: rotate(125deg) skew(-20deg);
      -o-transform: rotate(125deg) skew(-20deg);
      -webkit-transform: rotate(125deg) skew(-20deg);
      width: 15px;
      z-index: 0; }
    .testimonial-item.testimonial-item--bubble .bubble .testimonial-text {
      background-color: #fff;
      border-radius: inherit;
      height: 100%;
      padding: 20px 20px;
      position: relative;
      width: 100%;
      z-index: 1; }
  .testimonial-item.testimonial-item--bubble .testimonial-author .author__avatar {
    float: right;
    width: 45px; }
    .testimonial-item.testimonial-item--bubble .testimonial-author .author__avatar img {
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      width: 100%; }
  .testimonial-item.testimonial-item--bubble .testimonial-author .author__name {
    float: right;
    margin-right: 15px;
    padding-top: 2px;
    text-align: right;
    width: 230px; }
  .testimonial-item.testimonial-item--bubble .testimonial-author:after {
    clear: both;
    content: '';
    display: table; }
  @media only screen and (min-width: 768px) {
    .testimonial-item.testimonial-item--bubble .testimonial-author .author__name {
      width: 150px; } }
  @media only screen and (min-width: 58.75em) {
    .testimonial-item.testimonial-item--bubble .testimonial-author .author__name {
      width: 230px; } }

.sidebar-right .testimonial-item.testimonial-item--bubble .testimonial-author {
  color: #949494; }

.testimonial-item.testimonial-item--bubble.testimonial-item--bubble--abspos {
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  width: 100%; }
  .testimonial-item.testimonial-item--bubble.testimonial-item--bubble--abspos .bubble {
    bottom: 100px;
    margin-bottom: 30px;
    position: absolute;
    right: 0px;
    width: 300px; }
    .testimonial-item.testimonial-item--bubble.testimonial-item--bubble--abspos .bubble:before {
      right: 17px; }
  .testimonial-item.testimonial-item--bubble.testimonial-item--bubble--abspos .testimonial-author {
    bottom: 50px;
    height: 45px;
    position: absolute;
    right: 0px; }
    .testimonial-item.testimonial-item--bubble.testimonial-item--bubble--abspos .testimonial-author .author__avatar {
      float: none;
      position: absolute;
      right: 5px; }
    .testimonial-item.testimonial-item--bubble.testimonial-item--bubble--abspos .testimonial-author .author__name {
      float: none;
      padding-top: 0;
      position: absolute;
      margin-right: 0;
      right: 70px;
      width: 230px; }
  @media only screen and (min-width: 768px) {
    .testimonial-item.testimonial-item--bubble.testimonial-item--bubble--abspos .bubble {
      right: 0px; }
    .testimonial-item.testimonial-item--bubble.testimonial-item--bubble--abspos .testimonial-author {
      right: 0px; } }
  @media only screen and (min-width: 58.75em) {
    .testimonial-item.testimonial-item--bubble.testimonial-item--bubble--abspos .bubble {
      right: 70px;
      width: 305px; }
    .testimonial-item.testimonial-item--bubble.testimonial-item--bubble--abspos .testimonial-author {
      right: 70px; } }

form .date .separator,
form .datetime .separator,
form .time .separator {
  display: none; }
@media only screen and (min-width: 768px) {
  form .date select,
  form .datetime select,
  form .time select {
    width: 17%;
    display: inline-block; }
  form .date select:nth-of-type(4),
  form .datetime select:nth-of-type(4),
  form .time select:nth-of-type(4) {
    margin-left: 50px; }
  form .date .separator,
  form .datetime .separator,
  form .time .separator {
    display: inline-block;
    padding-right: 5px;
    text-align: center; } }
@media only screen and (min-width: 768px) {
  form .field_with_hint select {
    width: 80%; }
  form .field_with_hint .hint {
    padding-left: 10px; } }
form label.required abbr {
  display: none; }
form label.required:after {
  content: ' *'; }
form .form-field__description {
  color: #949494;
  line-height: 1.5;
  margin-bottom: 1.25em;
  margin-top: -0.5em; }
  form .form-field__description.form-field__description--with-checkbox {
    display: table-row; }
    form .form-field__description.form-field__description--with-checkbox input[type=checkbox],
    form .form-field__description.form-field__description--with-checkbox label {
      display: table-cell;
      vertical-align: top; }
    form .form-field__description.form-field__description--with-checkbox input[type=checkbox] {
      margin-top: 3px; }
form .inline-radio-buttons-wrapper:after {
  content: " ";
  display: table;
  clear: both; }
form .inline-radio-buttons-wrapper .inline-radio-buttons label {
  float: left;
  margin-right: 1.5625em; }
  form .inline-radio-buttons-wrapper .inline-radio-buttons label:last-child {
    margin-right: 0; }
@media only screen and (min-width: 768px) {
  form.form--plain label {
    margin-top: 0.5em;
    text-align: right; } }
form #strength-indicator.red {
  color: red; }
form #strength-indicator.orange {
  color: orange; }
form #strength-indicator.yellow {
  color: orange; }
form #strength-indicator.green {
  color: green; }
form input[type='text'].cc-type-icons {
  -webkit-transition: none 0s linear;
  -moz-transition: none 0s linear;
  transition: none 0s linear;
  background-image: url(../png/logo-visa-master-amex-sprite-103x-36c00c8ef6dd7f4c019aca965e33673e87cdadd68b5838ac3ee60c79a0d9cda5.png);
  background-repeat: no-repeat;
  background-position: right 0px;
  background-origin: content-box; }
  form input[type='text'].cc-type-icons.AMEX {
    background-position: right -51px; }
  form input[type='text'].cc-type-icons.MASTER {
    background-position: right -101px; }
  form input[type='text'].cc-type-icons.VISA {
    background-position: right -151px; }
form input[type='text'].cc-code-icon {
  background-image: url(../png/icon-card-cvv-33x22-bb525aa3006f2c40df3826ace059777638891c85e60a0e55a36ffe819d8f5f0c.png);
  background-repeat: no-repeat;
  background-position: right -1px;
  background-origin: content-box; }

/*# CORNER SASHES #*/
.has-sash {
  overflow: hidden;
  position: relative; }
  .has-sash .sash {
    display: none;
    background-color: #47b4dc;
    bottom: 0;
    color: #fff;
    font-weight: 600;
    left: 0;
    line-height: 1;
    padding: .75em 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
    .has-sash .sash.sash--orange {
      background-color: #fc8e31; }
    @media only screen and (min-width: 768px) {
      .has-sash .sash {
        display: block;
        bottom: auto;
        left: auto;
        right: -4.5em;
        top: 2em;
        width: 15em;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); } }
    @media only screen and (min-width: 768px) and (max-width: 1060px) {
      .has-sash .sash {
        display: none; } }

.csscontentsash {
  overflow: hidden;
  position: relative; }
  .csscontentsash:after {
    color: #fff;
    display: block;
    font-weight: 600;
    left: -5.2em;
    line-height: 1;
    padding: .6em 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 2.0em;
    width: 20em;
    z-index: 2;
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg); }
  .csscontentsash.csscontentsash--coming-soon:after {
    content: 'Coming Soon';
    background-color: #47b4dc; }
  .csscontentsash.csscontentsash--prereleased:after {
    content: 'Pre-order';
    background-color: #47b4dc; }
  .csscontentsash.csscontentsash--preordered:after {
    content: 'Pre-ordered';
    background-color: #47b4dc; }
  .csscontentsash.csscontentsash--new:after {
    content: 'New';
    background-color: #f45353; }
  .csscontentsash.csscontentsash--free-book:after {
    content: 'Free Ebook';
    background-color: #90c352; }
  .csscontentsash.csscontentsash--free-course:after {
    content: 'Free Course';
    background-color: #90c352; }
  .csscontentsash.csscontentsash--justreleased:after {
    content: 'Just Released';
    background-color: #47b4dc; }

/*----------------------------------------------------------------------------------------------------------
#############################################  COMMENTS STYLES
----------------------------------------------------------------------------------------------------------*/
/*# COMMENTS LIST STYLES #*/
.post.HIDDEN {
  display: none; }

.comment-contribution,
.comment-inline {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 66.25em;
  *zoom: 1; }
  .comment-contribution:before, .comment-contribution:after,
  .comment-inline:before,
  .comment-inline:after {
    content: " ";
    display: table; }
  .comment-contribution:after,
  .comment-inline:after {
    clear: both; }
  .comment-contribution .comment-contribution_avatar,
  .comment-inline .comment-contribution_avatar {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 18.75%;
    float: left; }
    .comment-contribution .comment-contribution_avatar .avatar-medium,
    .comment-inline .comment-contribution_avatar .avatar-medium {
      height: 35px;
      width: 35px; }
    @media only screen and (min-width: 450px) {
      .comment-contribution .comment-contribution_avatar,
      .comment-inline .comment-contribution_avatar {
        text-align: center; }
        .comment-contribution .comment-contribution_avatar .avatar-medium,
        .comment-inline .comment-contribution_avatar .avatar-medium {
          height: 50px;
          width: 50px; } }
    @media only screen and (min-width: 768px) {
      .comment-contribution .comment-contribution_avatar,
      .comment-inline .comment-contribution_avatar {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        width: 12.5%;
        float: left; } }
  .comment-contribution .comment-contribution_text-entry,
  .comment-inline .comment-contribution_text-entry {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 81.25%;
    float: left; }
    .comment-contribution .comment-contribution_text-entry textarea,
    .comment-inline .comment-contribution_text-entry textarea {
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      height: 3em; }
      .comment-contribution .comment-contribution_text-entry textarea.with-focus, .comment-contribution .comment-contribution_text-entry textarea:focus,
      .comment-inline .comment-contribution_text-entry textarea.with-focus,
      .comment-inline .comment-contribution_text-entry textarea:focus {
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        height: 10em; }
        .comment-contribution .comment-contribution_text-entry textarea.with-focus + .comment-contribution_markdown-preview, .comment-contribution .comment-contribution_text-entry textarea:focus + .comment-contribution_markdown-preview,
        .comment-inline .comment-contribution_text-entry textarea.with-focus + .comment-contribution_markdown-preview,
        .comment-inline .comment-contribution_text-entry textarea:focus + .comment-contribution_markdown-preview {
          border: 1px solid #dbdbdb;
          border-width: 1px 8px;
          height: auto;
          max-height: 15em;
          color: #949494; }
          .comment-contribution .comment-contribution_text-entry textarea.with-focus + .comment-contribution_markdown-preview p, .comment-contribution .comment-contribution_text-entry textarea:focus + .comment-contribution_markdown-preview p,
          .comment-inline .comment-contribution_text-entry textarea.with-focus + .comment-contribution_markdown-preview p,
          .comment-inline .comment-contribution_text-entry textarea:focus + .comment-contribution_markdown-preview p {
            color: #949494; }
          .comment-contribution .comment-contribution_text-entry textarea.with-focus + .comment-contribution_markdown-preview:before, .comment-contribution .comment-contribution_text-entry textarea:focus + .comment-contribution_markdown-preview:before,
          .comment-inline .comment-contribution_text-entry textarea.with-focus + .comment-contribution_markdown-preview:before,
          .comment-inline .comment-contribution_text-entry textarea:focus + .comment-contribution_markdown-preview:before {
            background: #dbdbdb; }
    @media only screen and (min-width: 768px) {
      .comment-contribution .comment-contribution_text-entry,
      .comment-inline .comment-contribution_text-entry {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        width: 87.5%;
        float: left; } }
    .comment-contribution .comment-contribution_text-entry .comment-contribution_text-entry_help,
    .comment-inline .comment-contribution_text-entry .comment-contribution_text-entry_help {
      line-height: 1.9;
      margin-bottom: 0;
      margin-top: -1.2em;
      text-align: right; }
      .comment-contribution .comment-contribution_text-entry .comment-contribution_text-entry_help > span.examples > *,
      .comment-inline .comment-contribution_text-entry .comment-contribution_text-entry_help > span.examples > * {
        margin-left: 10px; }
      .comment-contribution .comment-contribution_text-entry .comment-contribution_text-entry_help > span.examples > code,
      .comment-inline .comment-contribution_text-entry .comment-contribution_text-entry_help > span.examples > code {
        background: transparent;
        padding: 0; }
  .comment-contribution .comment-contribution_markdown-preview,
  .comment-inline .comment-contribution_markdown-preview {
    border: 1px solid #fff;
    border-width: 1px 8px;
    color: #fff;
    display: none;
    height: 0;
    margin-bottom: 10px;
    max-height: 300px;
    overflow: auto;
    padding-left: 4px;
    position: relative; }
    .comment-contribution .comment-contribution_markdown-preview:before,
    .comment-inline .comment-contribution_markdown-preview:before {
      -webkit-border-radius: 0 0 2px 2px;
      border-radius: 0 0 2px 2px;
      content: 'Markdown preview';
      color: #fff;
      background: #fff;
      text-align: center;
      font-size: 10px;
      display: block;
      height: 12px;
      right: 1em;
      position: absolute;
      top: 0;
      width: 11em; }
    @media only screen and (min-width: 768px) {
      .comment-contribution .comment-contribution_markdown-preview,
      .comment-inline .comment-contribution_markdown-preview {
        display: block; } }
    .comment-contribution .comment-contribution_markdown-preview p,
    .comment-inline .comment-contribution_markdown-preview p {
      color: #f3f3f3;
      margin-top: 12px; }
  .comment-contribution .comment-contribution_markdown-link,
  .comment-inline .comment-contribution_markdown-link {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 50%;
    float: left;
    display: none; }
    .comment-contribution .comment-contribution_markdown-link p,
    .comment-inline .comment-contribution_markdown-link p {
      color: #949494; }
    @media only screen and (min-width: 768px) {
      .comment-contribution .comment-contribution_markdown-link,
      .comment-inline .comment-contribution_markdown-link {
        position: relative;
        padding-left: 0.625em;
        padding-right: 0.625em;
        width: 62.5%;
        margin-left: 12.5%;
        float: left; } }
  .comment-contribution .comment-contribution_submit,
  .comment-inline .comment-contribution_submit {
    text-align: right; }
    .comment-contribution .comment-contribution_submit .button,
    .comment-inline .comment-contribution_submit .button {
      width: 100%; }
    @media only screen and (min-width: 768px) {
      .comment-contribution .comment-contribution_submit .button,
      .comment-inline .comment-contribution_submit .button {
        width: auto; } }

.comment-inline {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left; }
  .comment-inline .comment-contribution_submit {
    display: none;
    text-align: right; }
  .comment-inline .comment-contribution_text-entry {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
    margin-top: 10px; }
    @media only screen and (min-width: 768px) {
      .comment-inline .comment-contribution_text-entry {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        width: 87.5%;
        margin-left: 12.5%;
        float: left; } }
  .comment-inline textarea:focus ~ .comment-contribution_submit, .comment-inline textarea.with-focus ~ .comment-contribution_submit {
    display: block; }

.comment-list,
.comment-replies {
  list-style: none;
  margin: 0; }
  .comment-list .avatar-small,
  .comment-replies .avatar-small {
    margin-right: 7px; }

.comment {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 66.25em;
  *zoom: 1;
  padding-top: 1.125em; }
  .comment:before, .comment:after {
    content: " ";
    display: table; }
  .comment:after {
    clear: both; }
  .comment .comment-contribution_avatar {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 12.5%;
    float: left;
    padding: 0;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .comment .comment-contribution_avatar {
        text-align: right; } }
  .comment .poster_title {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 87.5%;
    float: left;
    font-weight: 600;
    line-height: 1.75em;
    text-indent: 1em; }
    @media only screen and (min-width: 450px) {
      .comment .poster_title {
        text-indent: 0em; } }
    @media only screen and (min-width: 768px) {
      .comment .poster_title {
        line-height: 1.5em; } }
  .comment .poster_name {
    color: #424242; }
  .comment .comment_body {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
    margin-top: 0.75em; }
    @media only screen and (min-width: 768px) {
      .comment .comment_body {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        width: 87.5%;
        float: left; } }

.comment-metadata {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 66.25em;
  *zoom: 1;
  border-bottom: 1px solid #eee;
  color: #949494;
  padding-bottom: 1.5em; }
  .comment-metadata:before, .comment-metadata:after {
    content: " ";
    display: table; }
  .comment-metadata:after {
    clear: both; }
  .comment-metadata .comment-metadata_actions {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    float: left; }
  .comment-metadata .comment-metadata_when {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    float: left;
    text-align: right; }

@media only screen and (min-width: 768px) {
  .comment-replies .comment {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 93.75%;
    margin-left: 6.25%;
    float: left; } }

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

#conversation-more {
  display: inline-block;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    #conversation-more {
      width: auto; } }

/*----------------------------------------------------------------------------------------------------------
#############################################  STYLES FOR FLASH MESSAGES
----------------------------------------------------------------------------------------------------------*/
.flash-messages .alert-box {
  margin-top: 1.25em; }
  .flash-messages .alert-box:last-child {
    margin-bottom: 1.25em; }
  .landing-page .flash-messages .alert-box {
    margin-left: 0;
    margin-right: 0; }
  .flash-messages .alert-box .close {
    color: white;
    opacity: 1;
    text-decoration: none; }
    .flash-messages .alert-box .close:hover {
      opacity: 0.5; }
@media only screen and (min-width: 450px) {
  .body--topics-page .flash-messages .alert-box:last-child, .body--search-page .flash-messages .alert-box:last-child {
    margin-bottom: 0; } }

/*----------------------------------------------------------------------------------------------------------
#############################################  SEARCH RESULTS LIST
----------------------------------------------------------------------------------------------------------*/
.search-results-list {
  list-style: none;
  margin: 1.25em 0; }
  .search-results-list .icon-category {
    margin-top: -0.3em; }

.search-results-item {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -1em;
  padding: 0 1em; }
  .search-results-item:first-of-type {
    border-top: 1px solid #e5e5e5; }
  @media only screen and (min-width: 768px) {
    .search-results-item {
      border: none;
      margin: 0 0 1.875em;
      padding: 0; }
      .search-results-item:first-of-type {
        border-top: none; } }

.highlight {
  background: #cfecf8;
  display: inline-block;
  padding: 0 5px; }

/*# HORIZONTAL LINE #*/
hr {
  color: #e5e5e5; }
  @media only screen and (min-width: 768px) {
    hr.break {
      margin: 1.75em -1.5em 1.5em; } }

.resources-coming-soon .panel, .resources-coming-soon pre,
.resources-coming-soon .syntaxhighlighter, .resources-coming-soon .twitter-typeahead .tt-dropdown-menu, .twitter-typeahead .resources-coming-soon .tt-dropdown-menu {
  padding: 1.25em 1.5625em;
  max-height: 146px;
  min-height: 146px; }
  .resources-coming-soon .panel .thumb, .resources-coming-soon pre .thumb,
  .resources-coming-soon .syntaxhighlighter .thumb, .resources-coming-soon .twitter-typeahead .tt-dropdown-menu .thumb, .twitter-typeahead .resources-coming-soon .tt-dropdown-menu .thumb {
    float: left;
    height: 52.5px;
    margin-top: 10px;
    overflow: hidden;
    width: 40px; }
    .resources-coming-soon .panel .thumb .product_poster img, .resources-coming-soon pre .thumb .product_poster img,
    .resources-coming-soon .syntaxhighlighter .thumb .product_poster img, .resources-coming-soon .twitter-typeahead .tt-dropdown-menu .thumb .product_poster img, .twitter-typeahead .resources-coming-soon .tt-dropdown-menu .thumb .product_poster img {
      max-height: 52.5px; }
  .resources-coming-soon .panel .panel-content, .resources-coming-soon pre .panel-content,
  .resources-coming-soon .syntaxhighlighter .panel-content, .resources-coming-soon .twitter-typeahead .tt-dropdown-menu .panel-content, .twitter-typeahead .resources-coming-soon .tt-dropdown-menu .panel-content {
    margin-left: 70px;
    padding-top: 10px; }
    .resources-coming-soon .panel .panel-content h2, .resources-coming-soon pre .panel-content h2,
    .resources-coming-soon .syntaxhighlighter .panel-content h2, .resources-coming-soon .twitter-typeahead .tt-dropdown-menu .panel-content h2, .twitter-typeahead .resources-coming-soon .tt-dropdown-menu .panel-content h2 {
      font-weight: 700;
      margin-bottom: 0.5em; }
      .resources-coming-soon .panel .panel-content h2 a, .resources-coming-soon pre .panel-content h2 a,
      .resources-coming-soon .syntaxhighlighter .panel-content h2 a, .resources-coming-soon .twitter-typeahead .tt-dropdown-menu .panel-content h2 a, .twitter-typeahead .resources-coming-soon .tt-dropdown-menu .panel-content h2 a {
        color: #424242; }
    .resources-coming-soon .panel .panel-content p.date, .resources-coming-soon pre .panel-content p.date,
    .resources-coming-soon .syntaxhighlighter .panel-content p.date, .resources-coming-soon .twitter-typeahead .tt-dropdown-menu .panel-content p.date, .twitter-typeahead .resources-coming-soon .tt-dropdown-menu .panel-content p.date {
      color: #949494;
      margin-bottom: 0; }
@media only screen and (min-width: 768px) {
  .resources-coming-soon .panel .thumb, .resources-coming-soon pre .thumb,
  .resources-coming-soon .syntaxhighlighter .thumb, .resources-coming-soon .twitter-typeahead .tt-dropdown-menu .thumb, .twitter-typeahead .resources-coming-soon .tt-dropdown-menu .thumb {
    height: 105px;
    margin-top: 0;
    width: 80px; }
    .resources-coming-soon .panel .thumb .product_poster img, .resources-coming-soon pre .thumb .product_poster img,
    .resources-coming-soon .syntaxhighlighter .thumb .product_poster img, .resources-coming-soon .twitter-typeahead .tt-dropdown-menu .thumb .product_poster img, .twitter-typeahead .resources-coming-soon .tt-dropdown-menu .thumb .product_poster img {
      max-height: 105px; }
  .resources-coming-soon .panel .panel-content, .resources-coming-soon pre .panel-content,
  .resources-coming-soon .syntaxhighlighter .panel-content, .resources-coming-soon .twitter-typeahead .tt-dropdown-menu .panel-content, .twitter-typeahead .resources-coming-soon .tt-dropdown-menu .panel-content {
    margin-left: 100px; } }

/*----------------------------------------------------------------------------------------------------------
#############################################  VIDEO PLAYER CAPTIONS
----------------------------------------------------------------------------------------------------------*/
.transcript-content {
  max-height: 400px;
  overflow-y: scroll; }
  .transcript-content h4:first-child {
    margin-top: 0; }
  .transcript-content span {
    padding: 2px; }
    .transcript-content span.current {
      background: rgba(28, 148, 198, 0.2); }
    .transcript-content span:hover {
      background: rgba(144, 195, 82, 0.2);
      cursor: pointer; }

.sortable-handle {
  cursor: grab; }

.css-spinner {
  height: 30px;
  width: 30px;
  margin-right: 10px;
  float: left;
  -webkit-animation: css-spinner-rotation .6s infinite linear;
  -moz-animation: css-spinner-rotation .6s infinite linear;
  -o-animation: css-spinner-rotation .6s infinite linear;
  animation: css-spinner-rotation .6s infinite linear;
  border-left: 4px solid rgba(44, 155, 199, 0.2);
  border-right: 4px solid rgba(44, 155, 199, 0.2);
  border-bottom: 4px solid rgba(44, 155, 199, 0.2);
  border-top: 4px solid rgba(44, 155, 199, 0.8);
  border-radius: 100%; }

@-webkit-keyframes css-spinner-rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
@-moz-keyframes css-spinner-rotation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }
@-o-keyframes css-spinner-rotation {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }
@keyframes css-spinner-rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
/*# COMPONENTS #*/
.Features {
  max-width: 960px;
  display: flex;
  justify-content: space-around;
  margin: 0 auto; }
  @media (max-width: 500px) {
    .Features {
      flex-wrap: wrap;
      text-align: center; } }

.Feature {
  text-align: center;
  width: 240px;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 8px; }
  @media (max-width: 500px) {
    .Feature {
      margin: 13px auto; } }

.Feature img {
  width: 150px;
  border-radius: 50%;
  display: block;
  margin: 0 auto 21px;
  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.35); }

.Feature_label {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 13px; }

.Feature_copy {
  color: #949494;
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 13px; }

.Feature_total {
  border-top: 1px solid #e5e5e5;
  padding-top: 13px;
  font-size: 21px;
  font-weight: bold; }

.FeatureTiles {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 948px;
  margin: 0 auto;
  text-align: center; }

.FeatureTile {
  display: inline-block;
  max-width: 300px;
  padding: 8px; }

.FeatureTile_crown {
  margin-bottom: -13px; }

.FeatureTile_title {
  color: #424242;
  font-size: 21px;
  font-weight: bold;
  line-height: 34px; }

.FeatureTile_body {
  color: #949494;
  font-size: 16px;
  line-height: 21px; }

.Panel {
  *zoom: 1;
  background: #f7f7f7;
  border-bottom: 1px solid #e5e5e5;
  color: #424242;
  padding: 89px 0; }
  .Panel:before, .Panel:after {
    content: " ";
    display: table; }
  .Panel:after {
    clear: both; }
  .Panel.u-compact {
    padding: 34px 0; }
  @media (max-width: 1060px) {
    .Panel {
      padding: 55px 0; } }
  @media (max-width: 500px) {
    .Panel {
      padding: 34px 0; } }

.Panel-alt {
  background: white; }

.Panel_noborder {
  border: 0; }

.Panel_altborder {
  border-width: 10px;
  border-color: #7da5b8; }

.Panel_header {
  padding: 0 13px 34px;
  text-align: center; }
  @media (max-width: 1060px) {
    .Panel_header {
      padding-bottom: 34px; } }
  @media (max-width: 500px) {
    .Panel_header {
      padding-bottom: 21px; } }
  .Panel_header h1, .Panel_header h2, .Panel_header h3 {
    margin: 0 auto;
    /* Grr Foundation */ }
  .Panel_header h1, .Panel_header .Panel_heading {
    color: currentColor;
    font-size: 25px;
    line-height: 35px;
    font-weight: normal; }
    @media (max-width: 1060px) {
      .Panel_header h1, .Panel_header .Panel_heading {
        font-size: 21px;
        line-height: 34px; } }
  .Panel_header h2, .Panel_header .Panel_subheading {
    color: currentColor;
    font-size: 21px;
    line-height: 34px;
    max-width: 730px;
    font-weight: normal; }
    @media (max-width: 1060px) {
      .Panel_header h2, .Panel_header .Panel_subheading {
        font-size: 16px;
        line-height: 21px; } }
  .Panel_header p {
    font-size: 13px;
    text-align: left;
    max-width: 636px;
    margin: 0 auto;
    font-weight: bold;
    color: #949494;
    border: 0 solid #e5e5e5;
    border-width: 0 3px;
    padding: 0 13px; }
  .Panel_header p + p {
    padding-top: 13px; }
  .Panel_header h2 + p {
    margin-top: 34px; }
    @media (max-width: 500px) {
      .Panel_header h2 + p {
        margin-top: 21px; } }

.Panel-intro h1 {
  max-width: 720px;
  margin: 0 auto 34px; }
.Panel-intro p {
  border: 0;
  color: #424242;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3;
  margin: 0 auto;
  max-width: 720px;
  text-align: center; }
  @media (max-width: 1060px) {
    .Panel-intro p {
      font-size: 16px; } }

.Panel_header_crown {
  max-width: 90%;
  margin: 0 auto 13px; }

.Panel_footer {
  color: #949494;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  padding: 55px 13px 0; }
  .Panel_footer > * {
    margin: 0; }
  @media (max-width: 500px) {
    .Panel_footer {
      padding-top: 21px; } }

.Panel-bg {
  background-color: rgba(0, 0, 0, 0.5);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: white; }
  .Panel-bg .Panel_header {
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.25); }
  .Panel-bg .Panel_header h2 {
    color: currentColor; }

.Panel-bg-upvotes {
  background-image: url(../jpg/upvotes_2000x500-b088e99156e52db79e1a9a0f4ae7f98e50782682d610647656ab2710529c812b.jpg);
  background-position: bottom right; }

.Panel-bg-teams {
  background-image: url(../jpg/teams_1600x400-993c7741b21faca29735f17a206d95db071963be91af806acd2e3364b7af2c38.jpg);
  background-position: center center; }

.Panel_cta {
  text-align: center; }

.Panel_button {
  background: #7da5b8;
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-size: 21px;
  font-weight: bold;
  line-height: 55px;
  padding: 0 13px; }
  .Panel_button:hover, .Panel_button:focus {
    background: #69accc;
    color: white; }

.Panel_actions {
  margin: 0 auto;
  max-width: 720px;
  padding: 0 13px;
  text-align: center; }
  .Panel_actions h2 {
    margin: 0 auto 34px;
    max-width: 500px; }
    @media (max-width: 1060px) {
      .Panel_actions h2 {
        font-size: 20px; } }

.Panel_action {
  border-radius: 4px;
  background: #7da5b8;
  color: white;
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  padding: 20px 60px 21px;
  position: relative;
  transition: background-color 300ms ease-out;
  text-align: center;
  text-decoration: none; }
  @media (max-width: 500px) {
    .Panel_action {
      font-size: 16px;
      padding: 20px 20px 21px; } }
  .Panel_action:hover {
    background: #69accc;
    color: white; }

.Panel-bg.u-bg-svg {
  background: #369bc8;
  position: relative;
  padding: 0;
  height: 179px;
  overflow: hidden; }
  .Panel-bg.u-bg-svg .u-fg, .Panel-bg.u-bg-svg .u-graph {
    fill: white; }
  .Panel-bg.u-bg-svg .u-shadow {
    fill: #369bc8; }
  .Panel-bg.u-bg-svg .u-graph {
    opacity: 0.2; }
  .Panel-bg.u-bg-svg .Panel_header {
    position: relative;
    z-index: 2; }
    .Panel-bg.u-bg-svg .Panel_header h1 {
      font-size: 89px;
      line-height: 89px;
      margin-top: 21px;
      text-shadow: 0px 0px 0px #2982a8, 1px 1px 0 #2982a8, 2px 2px 0 #2982a8, 3px 3px 0 #2982a8, 4px 4px 0 #2982a8, 5px 5px 0 #2982a8, 6px 6px 0 #2982a8, 7px 7px 0 #2982a8, 8px 8px 0 #2982a8, 9px 9px 0 #2982a8, 10px 10px 0 #2982a8, 11px 11px 0 #2982a8, 12px 12px 0 #2982a8, 13px 13px 0 #2982a8, 14px 14px 0 #2982a8, 15px 15px 0 #2982a8, 16px 16px 0 #2982a8, 17px 17px 0 #2982a8, 18px 18px 0 #2982a8, 19px 19px 0 #2982a8, 20px 20px 0 #2982a8, 21px 21px 0 #2982a8, 22px 22px 0 #2982a8, 23px 23px 0 #2982a8, 24px 24px 0 #2982a8, 25px 25px 0 #2982a8, 26px 26px 0 #2982a8, 27px 27px 0 #2982a8, 28px 28px 0 #2982a8, 29px 29px 0 #2982a8, 30px 30px 0 #2982a8, 31px 31px 0 #2982a8, 32px 32px 0 #2982a8, 33px 33px 0 #2982a8, 34px 34px 0 #2982a8, 35px 35px 0 #2982a8, 36px 36px 0 #2982a8, 37px 37px 0 #2982a8, 38px 38px 0 #2982a8, 39px 39px 0 #2982a8, 40px 40px 0 #2982a8, 41px 41px 0 #2982a8, 42px 42px 0 #2982a8, 43px 43px 0 #2982a8, 44px 44px 0 #2982a8, 45px 45px 0 #2982a8, 46px 46px 0 #2982a8, 47px 47px 0 #2982a8, 48px 48px 0 #2982a8, 49px 49px 0 #2982a8, 50px 50px 0 #2982a8, 51px 51px 0 #2982a8, 52px 52px 0 #2982a8, 53px 53px 0 #2982a8, 54px 54px 0 #2982a8, 55px 55px 0 #2982a8, 56px 56px 0 #2982a8, 57px 57px 0 #2982a8, 58px 58px 0 #2982a8, 59px 59px 0 #2982a8, 60px 60px 0 #2982a8, 61px 61px 0 #2982a8, 62px 62px 0 #2982a8, 63px 63px 0 #2982a8, 64px 64px 0 #2982a8, 65px 65px 0 #2982a8, 66px 66px 0 #2982a8, 67px 67px 0 #2982a8, 68px 68px 0 #2982a8, 69px 69px 0 #2982a8, 70px 70px 0 #2982a8, 71px 71px 0 #2982a8, 72px 72px 0 #2982a8, 73px 73px 0 #2982a8, 74px 74px 0 #2982a8, 75px 75px 0 #2982a8, 76px 76px 0 #2982a8, 77px 77px 0 #2982a8, 78px 78px 0 #2982a8, 79px 79px 0 #2982a8, 80px 80px 0 #2982a8, 81px 81px 0 #2982a8, 82px 82px 0 #2982a8, 83px 83px 0 #2982a8, 84px 84px 0 #2982a8, 85px 85px 0 #2982a8, 86px 86px 0 #2982a8, 87px 87px 0 #2982a8, 88px 88px 0 #2982a8, 89px 89px 0 #2982a8, 90px 90px 0 #2982a8, 91px 91px 0 #2982a8, 92px 92px 0 #2982a8, 93px 93px 0 #2982a8, 94px 94px 0 #2982a8, 95px 95px 0 #2982a8, 96px 96px 0 #2982a8, 97px 97px 0 #2982a8, 98px 98px 0 #2982a8, 99px 99px 0 #2982a8, 100px 100px 0 #2982a8, 101px 101px 0 #2982a8, 102px 102px 0 #2982a8, 103px 103px 0 #2982a8, 104px 104px 0 #2982a8, 105px 105px 0 #2982a8, 106px 106px 0 #2982a8, 107px 107px 0 #2982a8, 108px 108px 0 #2982a8, 109px 109px 0 #2982a8, 110px 110px 0 #2982a8, 111px 111px 0 #2982a8, 112px 112px 0 #2982a8, 113px 113px 0 #2982a8, 114px 114px 0 #2982a8, 115px 115px 0 #2982a8, 116px 116px 0 #2982a8, 117px 117px 0 #2982a8, 118px 118px 0 #2982a8, 119px 119px 0 #2982a8, 120px 120px 0 #2982a8, 121px 121px 0 #2982a8, 122px 122px 0 #2982a8, 123px 123px 0 #2982a8, 124px 124px 0 #2982a8, 125px 125px 0 #2982a8, 126px 126px 0 #2982a8, 127px 127px 0 #2982a8, 128px 128px 0 #2982a8, 129px 129px 0 #2982a8, 130px 130px 0 #2982a8, 131px 131px 0 #2982a8, 132px 132px 0 #2982a8, 133px 133px 0 #2982a8, 134px 134px 0 #2982a8, 135px 135px 0 #2982a8, 136px 136px 0 #2982a8, 137px 137px 0 #2982a8, 138px 138px 0 #2982a8, 139px 139px 0 #2982a8, 140px 140px 0 #2982a8, 141px 141px 0 #2982a8, 142px 142px 0 #2982a8, 143px 143px 0 #2982a8, 144px 144px 0 #2982a8, 145px 145px 0 #2982a8, 146px 146px 0 #2982a8, 147px 147px 0 #2982a8, 148px 148px 0 #2982a8, 149px 149px 0 #2982a8, 150px 150px 0 #2982a8, 151px 151px 0 #2982a8, 152px 152px 0 #2982a8, 153px 153px 0 #2982a8, 154px 154px 0 #2982a8, 155px 155px 0 #2982a8, 156px 156px 0 #2982a8, 157px 157px 0 #2982a8, 158px 158px 0 #2982a8, 159px 159px 0 #2982a8, 160px 160px 0 #2982a8, 161px 161px 0 #2982a8, 162px 162px 0 #2982a8, 163px 163px 0 #2982a8, 164px 164px 0 #2982a8, 165px 165px 0 #2982a8, 166px 166px 0 #2982a8, 167px 167px 0 #2982a8, 168px 168px 0 #2982a8, 169px 169px 0 #2982a8, 170px 170px 0 #2982a8, 171px 171px 0 #2982a8, 172px 172px 0 #2982a8, 173px 173px 0 #2982a8, 174px 174px 0 #2982a8, 175px 175px 0 #2982a8, 176px 176px 0 #2982a8, 177px 177px 0 #2982a8, 178px 178px 0 #2982a8, 179px 179px 0 #2982a8, 180px 180px 0 #2982a8, 181px 181px 0 #2982a8, 182px 182px 0 #2982a8, 183px 183px 0 #2982a8, 184px 184px 0 #2982a8, 185px 185px 0 #2982a8, 186px 186px 0 #2982a8, 187px 187px 0 #2982a8, 188px 188px 0 #2982a8, 189px 189px 0 #2982a8, 190px 190px 0 #2982a8, 191px 191px 0 #2982a8, 192px 192px 0 #2982a8, 193px 193px 0 #2982a8, 194px 194px 0 #2982a8, 195px 195px 0 #2982a8, 196px 196px 0 #2982a8, 197px 197px 0 #2982a8, 198px 198px 0 #2982a8, 199px 199px 0 #2982a8, 200px 200px 0 #2982a8; }
      @media (max-width: 500px) {
        .Panel-bg.u-bg-svg .Panel_header h1 {
          font-size: 55px;
          line-height: 55px;
          margin-top: 42px; } }
    .Panel-bg.u-bg-svg .Panel_header h2 {
      font-size: 21px;
      font-weight: bold;
      line-height: 1.2;
      text-shadow: 0 0 3px #2982a8; }

.Panel_bg {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }
  .Panel_bg svg {
    display: block;
    height: 179px;
    margin: 0 auto;
    width: 1400px; }
    @media (max-width: 500px) {
      .Panel_bg svg {
        opacity: 0.5; } }

.PatternPanel {
  background-image: url(../png/pattern-final-97f8521dddccc7276dd58a58cc1db2ee31d2cae86d003377d2fe3800e8af5adf.png); }

.FeaturePanel {
  background-image: url(../png/pattern-final-97f8521dddccc7276dd58a58cc1db2ee31d2cae86d003377d2fe3800e8af5adf.png); }

.TrialPanel {
  background-image: url(../jpg/bg-header-banner-whiteboard-1600x450-612faf1207bd13f9864dd180bee18cb1030d3cc1444daca819c8af3f881e1868.jpg); }

.TrialPanel.u-fullframe {
  background-image: url(../jpg/bg-header-banner-whiteboard-fullscreen-f59880593795debaa6ce014f99eb12a4f857486ad61fa780db42a3b084061a0b.jpg); }

.PanelForm {
  max-width: 610px;
  margin: 0 auto; }
  @media (max-width: 636px) {
    .PanelForm {
      margin: 0 13px; } }
  .PanelForm .input {
    margin-bottom: 13px;
    *zoom: 1; }
    .PanelForm .input:before, .PanelForm .input:after {
      content: " ";
      display: table; }
    .PanelForm .input:after {
      clear: both; }
    .PanelForm .input.text {
      padding-top: 5px; }
    .PanelForm .input.string label, .PanelForm .input.email label {
      line-height: 38px; }
    .PanelForm .input label {
      box-sizing: border-box;
      display: block;
      float: left;
      font-size: 13px;
      font-weight: bold;
      line-height: 21px;
      margin: 0;
      padding-right: 13px;
      text-align: right;
      width: 30%; }
      @media (max-width: 500px) {
        .PanelForm .input label {
          clear: both;
          float: none;
          text-align: left;
          width: 100%; } }
    .PanelForm .input small, .PanelForm .input input, .PanelForm .input textarea, .PanelForm .input select {
      float: right;
      margin: 0;
      max-width: 70%;
      width: 70%; }
      @media (max-width: 500px) {
        .PanelForm .input small, .PanelForm .input input, .PanelForm .input textarea, .PanelForm .input select {
          clear: both;
          float: none;
          max-width: 100%;
          width: 100%; } }
    .PanelForm .input textarea {
      height: 9em;
      min-height: 9em; }
    .PanelForm .input small {
      clear: both;
      display: block; }

.PanelForm_actions {
  *zoom: 1; }
  .PanelForm_actions:before, .PanelForm_actions:after {
    content: " ";
    display: table; }
  .PanelForm_actions:after {
    clear: both; }
  .PanelForm_actions .button {
    float: right; }

.PricingColumns {
  *zoom: 1;
  max-width: 650px;
  margin: 0 auto; }
  .PricingColumns:before, .PricingColumns:after {
    content: " ";
    display: table; }
  .PricingColumns:after {
    clear: both; }
  @media (max-width: 676px) {
    .PricingColumns {
      max-width: 900px; } }
  @media (max-width: 916px) {
    .PricingColumns {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.PricingColumn {
  background: white;
  border-color: #e5e5e5;
  border-style: solid;
  border-radius: 8px;
  border-width: 1px;
  font-size: 16px;
  float: left;
  text-align: center; }
  @media (max-width: 676px) {
    .PricingColumn {
      font-size: 13px; } }
  @media (max-width: 916px) {
    .PricingColumn {
      float: none;
      margin: 0 auto 8px; } }

.PricingColumn-primary {
  max-width: 300px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 100%; }

.PricingColumn-secondary {
  max-width: 300px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  width: 100%; }

.PricingColumn-right {
  float: right; }

.PricingColumnCrown {
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  line-height: 34px;
  margin-top: -1px;
  padding: 13px 13px;
  color: #949494;
  font-size: 28px; }
  .PricingColumn-left .PricingColumnCrown, .PricingColumn-center .PricingColumnCrown {
    margin-left: -1px; }
  .PricingColumn-right .PricingColumnCrown, .PricingColumn-center .PricingColumnCrown {
    margin-right: -1px; }

.PricingColumnStripe {
  color: white;
  font-size: 16px;
  font-weight: bold;
  line-height: 23px;
  margin-top: -1px; }
  .PricingColumn-primary .PricingColumnStripe {
    background: #1c94c6;
    height: 25px; }
  .PricingColumn-secondary .PricingColumnStripe {
    background: #7da5b8;
    height: 5px;
    margin-top: 15px;
    margin-bottom: 5px; }
  .PricingColumn-left .PricingColumnStripe, .PricingColumn-center .PricingColumnStripe {
    margin-left: -1px; }
  .PricingColumn-right .PricingColumnStripe, .PricingColumn-center .PricingColumnStripe {
    margin-right: -1px; }

.PricingColumnHeader {
  color: #949494;
  font-size: 16px;
  font-weight: bold;
  padding: 21px 13px; }

.PricingColumnHeader strong {
  color: #424242;
  font-size: 55px; }

.PricingColumnFeatures {
  padding: 13px 0; }

.PricingColumnFeature {
  padding: 10px 13px; }

.PricingColumnFeature.u-strike {
  color: #949494;
  text-decoration: line-through; }

.PricingColumnCallToAction {
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
  .PricingColumnCallToAction a {
    border-radius: 3px;
    color: white;
    display: block;
    font-size: 16px;
    line-height: 35px;
    margin: 0 75px; }
    .PricingColumnCallToAction a:active {
      transform: scale(0.99); }
  .PricingColumn-primary .PricingColumnCallToAction a {
    background: #1c94c6; }
    .PricingColumn-primary .PricingColumnCallToAction a:hover, .PricingColumn-primary .PricingColumnCallToAction a:focus {
      background: #3CA7D7; }
  .PricingColumn-secondary .PricingColumnCallToAction a {
    background: #7da5b8; }
    .PricingColumn-secondary .PricingColumnCallToAction a:hover, .PricingColumn-secondary .PricingColumnCallToAction a:focus {
      background: #69accc; }

.PricingColumnDetails {
  color: #949494;
  font-size: 13px;
  padding: 13px 0; }

.PricingColumnDetail {
  padding: 5px 13px; }

.Stamps {
  text-align: center; }

.Stamp {
  display: inline-block;
  padding: 8px;
  text-align: center; }

.Stamp_text {
  color: #949494;
  font-size: 16px;
  padding-top: 13px; }

.Stamp_bg-css {
  fill: #258bb5; }

.Stamp_bg-html {
  fill: #fca13f; }

.Stamp_bg-js {
  fill: #f7ba34; }

.Stamp_bg-wordpress {
  fill: #1e8cbe; }

.Stamp_bg-android {
  fill: #a4c639; }

.Stamp_bg-ios {
  fill: #083a5b; }

.Stamp_bg-ruby {
  fill: #eb5745; }

.Stamp_bg-photoshop {
  fill: #61c4e4; }

.Stamp_icon {
  fill: white; }

.Stamp_shadow {
  fill: black;
  opacity: 0.1; }

.Suggestions {
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  max-width: 1060px;
  margin: 0 auto; }
  @media (max-width: 1076px) {
    .Suggestions {
      margin: 0 8px; } }

.Suggestion {
  *zoom: 1;
  color: #949494;
  font-size: 21px;
  line-height: 34px;
  padding: 13px 21px; }
  .Suggestion:before, .Suggestion:after {
    content: " ";
    display: table; }
  .Suggestion:after {
    clear: both; }
  @media (max-width: 800px) {
    .Suggestion {
      padding: 13px; } }
  .Suggestion + .Suggestion {
    border-top: 1px solid #e5e5e5; }

.Suggestion_content {
  overflow: hidden; }

.Suggestion_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.Suggestion_title {
  color: #424242;
  font-weight: bold;
  margin-right: 13px; }
  @media (max-width: 700px) {
    .Suggestion_title {
      font-size: 16px;
      line-height: 21px;
      padding-bottom: 8px; } }

.SuggestionBallot {
  background: tomato;
  border-radius: 3px;
  float: left;
  height: 55px;
  margin-right: 13px;
  overflow: hidden;
  position: relative;
  width: 34px; }

.SuggestionBallot_icon {
  height: 55px;
  left: 0;
  overflow: hidden;
  top: 0;
  width: 34px; }

.SuggestionBallot_count {
  bottom: 0;
  color: white;
  font-size: 13px;
  font-weight: bold;
  left: 0;
  line-height: 16px;
  padding: 0 5px 5px;
  position: absolute;
  right: 0;
  text-align: center; }

.SuggestionBallot-downvote:active, .SuggestionBallot-upvote:active {
  transform: scale(0.95); }

.SuggestionBallot-downvote {
  background: #2b97c4;
  cursor: pointer; }
  .SuggestionBallot-downvote:hover, .SuggestionBallot-downvote:focus {
    background: #949494; }

.SuggestionBallot-upvote {
  background: #949494;
  cursor: pointer; }
  .SuggestionBallot-upvote:hover, .SuggestionBallot-upvote:focus {
    background: #2b97c4; }

.SuggestionBallot-released {
  background: #65b744; }

.BallotIcon_shadow {
  fill: black;
  opacity: 0.2; }

.BallotIcon_icon {
  fill: white; }

.SuggestionDescription {
  font-size: 13px;
  line-height: 21px;
  text-align: left; }

.SuggestionIndex {
  float: left;
  font-weight: bold;
  margin-right: 13px;
  min-width: 26px;
  text-align: right; }
  @media (max-width: 800px) {
    .SuggestionIndex {
      display: none; } }

.SuggestionStatus {
  font-weight: bold;
  margin-right: 8px;
  text-transform: uppercase; }

.SuggestionStatus-progress {
  color: #ffa42f; }

.SuggestionStatus-released {
  color: #65b744; }

.SuggestionTopics_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.SuggestionTopic {
  border: 1px solid;
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  line-height: 21px;
  margin: 5px 13px 8px 0;
  padding: 0 13px;
  text-transform: uppercase; }
  @media (max-width: 700px) {
    .SuggestionTopic {
      margin: 0 8px 8px 0; } }

.Wirestamp_icon {
  fill: #2b98c5; }

.FeatureTiles-teams .Wirestamp_icon {
  fill: #90c352; }

/*# VENDOR CSS #*/
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%; }

/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -webkit-transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s;
  -moz-transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s;
  transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s; }

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px; }

.picker__wrap {
  margin: -1px; }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  -webkit-transition: all 0.15s ease-out, max-height 0, border-width 0;
  -moz-transition: all 0.15s ease-out, max-height 0, border-width 0;
  transition: all 0.15s ease-out, max-height 0, border-width 0;
  -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  font-size: .8em;
  border: 1px solid #b7b7b7;
  height: 2.5em;
  padding: .5em .25em;
  margin-left: .25em;
  margin-right: .25em;
  margin-top: -0.5em; }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  top: -0.33em;
  padding: .5em 1.33em;
  width: 1em;
  height: 1em; }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.5em; }

.picker__nav--next {
  right: -1em;
  padding-left: 1.5em; }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }
.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  color: #0089ec;
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--selected,
.picker__day--selected:hover {
  border-color: #0089ec; }

.picker__day--highlighted {
  background: #b1dcfb; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today" and "clear" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 50%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before {
  content: " ";
  margin-right: .45em;
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  content: "\D7";
  margin-right: .35em;
  top: -0.1em;
  color: #ee2200;
  vertical-align: top;
  font-size: 1.1em; }

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
.picker {
  font-size: 20px; }
  .picker .picker__box {
    overflow: hidden; }
  .picker .picker__holder {
    width: 95%; }
  .picker button {
    color: #000000; }

/*# JWPLAYER OVERRIDES #*/
.jwplayer.jw-state-idle .jw-display-controls .jw-display-icon-container.jw-display-icon-display .jw-icon {
  max-height: 140px;
  max-width: 140px;
  width: 100%;
  height: 100%; }
.jwplayer.jw-state-idle .jw-display-controls .jw-display-icon-container.jw-display-icon-display .jw-svg-icon-play path {
  display: none; }
.jwplayer.jw-state-idle .jw-display-controls .jw-display-icon-container.jw-display-icon-display .jw-svg-icon-play {
  height: 100%;
  width: 100%;
  background-image: url("https://learnable-assets.sitepoint.com/premium/assets/library/play_icon-7e193691d286e335fbe1b639be1991b06ab93b56ad776fb941b68eecc353d5e2.svg");
  background-size: contain;
  background-repeat: no-repeat; }
@media (min-width: 624px) {
  .jwplayer.jw-state-idle .jw-display-controls .jw-display-icon-container.jw-display-icon-display .jw-icon {
    max-height: 271px;
    max-width: 271px; } }

/*# LEARNABLE DEV MODULES #*/