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



a:hover {
  cursor: pointer; }


.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.hide {
  display: none !important;
  visibility: hidden; }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }




























/* Label Styles */
label {
  font-size: 0.77778rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right; }
  label.inline {
    margin: 0 0 0.88889rem 0;
    padding: 0.5rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }

/* 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.77778rem;
  height: 2.05556rem;
  line-height: 2.05556rem; }


























.top-bar {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: #333333;
  margin-bottom: 0; }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .row {
    max-width: none; }
  .top-bar form,
  .top-bar input {
    margin-bottom: 0; }
  .top-bar input {
    height: 1.8rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: 0.75rem; }
  .top-bar .button, .top-bar button {
    padding-top: 0.40556rem;
    padding-bottom: 0.40556rem;
    margin-bottom: 0;
    font-size: 0.75rem; }
    @media only screen and (max-width: 40em) {
      .top-bar .button, .top-bar button {
        position: relative;
        top: -1px; } }
  .top-bar .title-area {
    position: relative;
    margin: 0; }
  .top-bar .name {
    height: 45px;
    margin: 0;
    font-size: 18; }
    .top-bar .name h1 {
      line-height: 45px;
      font-size: 0.94444rem;
      margin: 0; }
      .top-bar .name h1 a {
        font-weight: normal;
        color: white;
        width: 75%;
        display: block;
        padding: 0 15px; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: white;
      text-transform: uppercase;
      font-size: 0.72222rem;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 15px;
      height: 45px;
      line-height: 45px; }
    .top-bar .toggle-topbar.menu-icon {
      top: 50%;
      margin-top: -16px; }
      .top-bar .toggle-topbar.menu-icon a {
        height: 34px;
        line-height: 33px;
        padding: 0 40px 0 15px;
        color: white;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          position: absolute;
          display: block;
          height: 0;
          top: 50%;
          margin-top: -8px;
          right: 15px;
          box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
          width: 16px; }
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0px 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #333333; }
    .top-bar.expanded .toggle-topbar a {
      color: #888888; }
      .top-bar.expanded .toggle-topbar a span::after {
        box-shadow: 0 0px 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 18;
    margin: 0; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-top: solid 1px white; /* color for hozintal divider for submenu (JIMMY)*/
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li {
    background: #333333; }
    .top-bar-section ul li > a {
      display: block;
      width: 100%;
      color: white;
      padding: 12px 0 12px 0;
      padding-left: 15px;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
      font-size: 0.72222rem;
      font-weight: normal;
      text-transform: none; }
      .top-bar-section ul li > a.button {
        font-size: 0.72222rem;
        padding-right: 15px;
        padding-left: 15px;
        background-color: #008cba;
        border-color: #007095;
        color: white; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          background-color: #007095; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          color: white; }
      .top-bar-section ul li > a.button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333333; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          background-color: #b9b9b9; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > a.button.success {
        background-color: #43ac6a;
        border-color: #368a55;
        color: white; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          background-color: #368a55; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          color: white; }
      .top-bar-section ul li > a.button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: white; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          background-color: #cf2a0e; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          color: white; }
      .top-bar-section ul li > a.button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: white; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          color: white; }
    .top-bar-section ul li > button {
      font-size: 0.72222rem;
      padding-right: 15px;
      padding-left: 15px;
      background-color: #008cba;
      border-color: #007095;
      color: white; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        background-color: #007095; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        color: white; }
      .top-bar-section ul li > button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333333; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          background-color: #b9b9b9; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > button.success {
        background-color: #43ac6a;
        border-color: #368a55;
        color: white; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          background-color: #368a55; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          color: white; }
      .top-bar-section ul li > button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: white; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          background-color: #cf2a0e; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          color: white; }
      .top-bar-section ul li > button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: white; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          color: white; }
    .top-bar-section ul li:hover:not(.has-form) > a {
      background-color: #555555;
      background: #990000; /* (blue) bg color for top menu after hover on submenu (JIMMY) */
      color: white; }
    .top-bar-section ul li.active > a {
      background: #008cba;
      color: white; }
      .top-bar-section ul li.active > a:hover {
        background: #0078a0;
        color: white; }
  .top-bar-section .has-form {
    padding: 15px; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
      border-left-style: solid;
      margin-right: 15px;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
        width: 100%; }
      .top-bar-section .has-dropdown.moved > a:after {
        display: none; }
  .top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .dropdown li {
      width: 100%;
      height: auto; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 15px; }
        .top-bar-section .dropdown li a.parent-link {
          font-weight: normal; }
      .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 1rem; }
        .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
          color: white;
          display: block; }
          .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
            background: none; }
      .top-bar-section .dropdown li.has-form {
        padding: 8px 15px; }
      .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
        top: auto; }
    .top-bar-section .dropdown label {
      padding: 8px 15px 2px;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #777777;
      font-weight: bold;
      font-size: 0.55556rem; }

.js-generated {
  display: block; }

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background: #CC0000; /* (red) bg color after the last top menu button on the right hand sie (JIMMY) */
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a {
      width: auto; }
    .top-bar input,
    .top-bar .button,
    .top-bar button {
      font-size: 0.77778rem;
      position: relative;
      top: 7px; }
    .top-bar.expanded {
      background: #333333; }

  .contain-to-grid .top-bar {
    max-width: 55.55556rem;
    margin: 0 auto;
    margin-bottom: 0; }

  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li.hover > a:not(.button) {
      background-color: #555555;
      background: #272727;
      color: white; }
    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #CC0000; /* (red) bg color for top menu (JIMMY)*/

    }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555555;
        background:  #96e00f; /* (purple) hover bg color for top menu (JIMMMY) */

      }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      color: white;
      background: #008cba; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #0078a0;
        color: white; }
    .top-bar-section .has-dropdown > a {
      padding-right: 35px !important; }
      .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 22.5px; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown > a:focus + .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 1rem;
      margin-top: -1px;
      right: 5px;
      line-height: 1.2; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: white;
        line-height: 45px;
        white-space: nowrap;
        padding: 12px 15px;
        background: #333333; }
        .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
            color: white;
            background: #990000; /* bg color for submenu (JIMMY) */
        }
        
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        color: white;
        background-color: #555555;
        background: #96e00f; /* (yellow) bg color for hover submenu (JIMMY) */

      }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #333333; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px white; /* color for vertical divider for top menu (JIMMY)*/
      clear: none;
      height: 45px;
      width: 0; }
    .top-bar-section .has-form {
      background: #333333;
      padding: 0 15px;
      height: 45px; }
    .top-bar-section .right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section .right li .dropdown li .dropdown {
        right: 100%; }
    .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
      .top-bar-section .left li .dropdown li .dropdown {
        left: 100%; }

  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #272727;
    color: white; }
  .no-js .top-bar-section ul li:active > a {
    background: #008cba;
    color: white; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !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; }

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: left !important; }

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

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

  .small-only-text-justify {
    text-align: justify !important; } }
@media only screen {
  .small-text-left {
    text-align: left !important; }

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

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

  .small-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important; }

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

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

  .medium-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 40.063em) {
  .medium-text-left {
    text-align: left !important; }

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

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

  .medium-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important; }

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

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

  .large-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 64.063em) {
  .large-text-left {
    text-align: left !important; }

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

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

  .large-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important; }

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

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

  .xlarge-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 90.063em) {
  .xlarge-text-left {
    text-align: left !important; }

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

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

  .xlarge-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important; }

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

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

  .xxlarge-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 120.063em) {
  .xxlarge-text-left {
    text-align: left !important; }

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

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

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






/* Typography resets */


/* Default Link Styles */
a {
  color: #008cba;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #0078a0; }
  a img {
    border: none; }

/* Default paragraph styles */





/* Lists */

/* Unordered Lists */


/* Ordered Lists */


/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.11111rem 0;
  border: 1px solid #dddddd;
  padding: 0.55556rem 0.66667rem; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.83333rem; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.05556rem; }

@media only screen and (min-width: 40.063em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 2.44444rem; }

  h2 {
    font-size: 2.05556rem; }

  h3 {
    font-size: 1.5rem; }

  h4 {
    font-size: 1.27778rem; }

  h5 {
    font-size: 1rem; }

  h6 {
    font-size: 1rem; } }
/*
 * 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: black !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 #999999;
    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; } }
.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
    min-height: 100%;
    -webkit-overflow-scrolling: touch; }

.inner-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
  .inner-wrap:after {
    clear: both; }

.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333333;
  color: white;
  height: 2.5rem;
  line-height: 2.5rem;
  position: relative; }
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
    color: white;
    font-weight: bold;
    line-height: 2.5rem;
    margin: 0; }
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
    font-size: 1rem; }

.left-small {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 0;
  border-right: solid 1px #1a1a1a;
  left: 0; }

.right-small {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 0;
  border-left: solid 1px #1a1a1a;
  right: 0; }

.tab-bar-section {
  padding: 0 0.55556rem;
  position: absolute;
  text-align: center;
  height: 2.5rem;
  top: 0; }
  @media only screen and (min-width: 40.063em) {
    .tab-bar-section.left, .tab-bar-section.right {
      text-align: left; } }
  .tab-bar-section.left {
    left: 0;
    right: 2.5rem; }
  .tab-bar-section.right {
    left: 2.5rem;
    right: 0; }
  .tab-bar-section.middle {
    left: 2.5rem;
    right: 2.5rem; }

.tab-bar .menu-icon {
  text-indent: 1.94444rem;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  padding: 0;
  color: white;
  position: relative;
  transform: translate3d(0, 0, 0); }
  .tab-bar .menu-icon span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -0.44444rem;
    left: 0.80556rem;
    box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
    width: 0.88889rem; }
  .tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0px 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 13.88889rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-transform: translate(-100.5%, 0);
  -webkit-transform: translate3d(-100.5%, 0, 0);
  -moz-transform: translate3d(-100.5%, 0, 0);
  -ms-transform: translate3d(-100.5%, 0, 0);
  -o-transform: translate3d(-100.5%, 0, 0);
  transform: translate3d(-100.5%, 0, 0);
  left: 0; }
  .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 13.88889rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-transform: translate(100.5%, 0);
  -webkit-transform: translate3d(100.5%, 0, 0);
  -moz-transform: translate3d(100.5%, 0, 0);
  -ms-transform: translate3d(100.5%, 0, 0);
  -o-transform: translate3d(100.5%, 0, 0);
  transform: translate3d(100.5%, 0, 0);
  right: 0; }
  .right-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

ul.off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.off-canvas-list li label {
    display: block;
    padding: 0.3rem 0.83333rem;
    color: #999999;
    text-transform: uppercase;
    font-size: 0.66667rem;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
  ul.off-canvas-list li a {
    display: block;
    padding: 0.66667rem;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #262626;
    transition: background 300ms ease; }
    ul.off-canvas-list li a:hover {
      background: #242424; }

.move-right > .inner-wrap {
  -ms-transform: translate(13.88889rem, 0);
  -webkit-transform: translate3d(13.88889rem, 0, 0);
  -moz-transform: translate3d(13.88889rem, 0, 0);
  -ms-transform: translate3d(13.88889rem, 0, 0);
  -o-transform: translate3d(13.88889rem, 0, 0);
  transform: translate3d(13.88889rem, 0, 0); }
.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (min-width: 40.063em) {
    .move-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.move-left > .inner-wrap {
  -ms-transform: translate(-13.88889rem, 0);
  -webkit-transform: translate3d(-13.88889rem, 0, 0);
  -moz-transform: translate3d(-13.88889rem, 0, 0);
  -ms-transform: translate3d(-13.88889rem, 0, 0);
  -o-transform: translate3d(-13.88889rem, 0, 0);
  transform: translate3d(-13.88889rem, 0, 0); }
.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (min-width: 40.063em) {
    .move-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (min-width: 40.063em) {
    .offcanvas-overlap .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap-left .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (min-width: 40.063em) {
    .offcanvas-overlap-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap-right .left-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (min-width: 40.063em) {
    .offcanvas-overlap-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.no-csstransforms .left-off-canvas-menu {
  left: -13.88889rem; }
.no-csstransforms .right-off-canvas-menu {
  right: -13.88889rem; }
.no-csstransforms .move-left > .inner-wrap {
  right: 13.88889rem; }
.no-csstransforms .move-right > .inner-wrap {
  left: 13.88889rem; }

.left-submenu {
  -webkit-backface-visibility: hidden;
  width: 13.88889rem;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: yellow;
  z-index: 1002;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .left-submenu * {
    -webkit-backface-visibility: hidden; }
  .left-submenu .back > a {
    padding: 0.3rem 0.83333rem;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
    .left-submenu .back > a:hover {
      background: #303030;
      border-top: 1px solid #5e5e5e;
      border-bottom: none; }
    .left-submenu .back > a:before {
      content: "\AB";
      margin-right: 0.5rem;
      display: inline; }
  .left-submenu.move-right {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }

.right-submenu {
  -webkit-backface-visibility: hidden;
  width: 13.88889rem;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1002;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .right-submenu * {
    -webkit-backface-visibility: hidden; }
  .right-submenu .back > a {
    padding: 0.3rem 0.83333rem;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
    .right-submenu .back > a:hover {
      background: #303030;
      border-top: 1px solid #5e5e5e;
      border-bottom: none; }
    .right-submenu .back > a:after {
      content: "\BB";
      margin-left: 0.5rem;
      display: inline; }
  .right-submenu.move-left {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: "\BB";
  margin-left: 0.5rem;
  display: inline; }

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  content: "\AB";
  margin-right: 0.5rem;
  display: inline; }

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

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

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

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

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

  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* medium displays */
@media only screen and (min-width: 40.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

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

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

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

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

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* large displays */
@media only screen and (min-width: 64.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

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

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

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

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

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* xlarge displays */
@media only screen and (min-width: 90.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

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

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

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

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

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

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

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

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

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

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up {
    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 visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table !important; }

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 visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table !important; }

  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 visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table !important; }

  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 visibility for tables */
table.hide-for-touch {
  display: table !important; }

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

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; }

/* Print visibility */
@media print {
  .show-for-print {
    display: block; }

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

  table.show-for-print {
    display: table !important; }

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

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

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

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

  th.show-for-print {
    display: table-cell !important; } }
/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/
pre code {
  display: block;
  padding: 0.5em;
  background: #FAFAFA;
  color: #333; }

pre .comment,
pre .template_comment,
pre .diff .header,
pre .javadoc {
  color: #998;
  font-style: italic; }

pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .nginx .title,
pre .subst,
pre .request,
pre .status {
  color: #333;
  font-weight: bold; }

pre .number,
pre .hexcolor,
pre .ruby .constant {
  color: #099; }

pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula {
  color: #d14; }

pre .title,
pre .id,
pre .coffeescript .params,
pre .scss .preprocessor {
  color: #900;
  font-weight: bold; }

pre .javascript .title,
pre .lisp .title,
pre .clojure .title,
pre .subst {
  font-weight: normal; }

pre .class .title,
pre .haskell .type,
pre .vhdl .literal,
pre .tex .command {
  color: #458;
  font-weight: bold; }

pre .tag,
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
  color: #000080;
  font-weight: normal; }

pre .attribute,
pre .variable,
pre .lisp .body {
  color: #008080; }

pre .regexp {
  color: #009926; }

pre .class {
  color: #458;
  font-weight: bold; }

pre .symbol,
pre .ruby .symbol .string,
pre .lisp .keyword,
pre .tex .special,
pre .prompt {
  color: #990073; }

pre .built_in,
pre .lisp .title,
pre .clojure .built_in {
  color: #0086b3; }

pre .preprocessor,
pre .pi,
pre .doctype,
pre .shebang,
pre .cdata {
  color: #999;
  font-weight: bold; }

pre .deletion {
  background: #fdd; }

pre .addition {
  background: #dfd; }

pre .diff .change {
  background: #0086b3; }

pre .chunk {
  color: #aaa; }

.marketing-left-off-canvas-menu .zurb-links ul.pillars li a {
  padding: 0 !important; }

.marketing.off-canvas-wrap .marketing-left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 13.88889rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-transform: translate(-100.5%, 0);
  -webkit-transform: translate3d(-100.5%, 0, 0);
  -moz-transform: translate3d(-100.5%, 0, 0);
  -ms-transform: translate3d(-100.5%, 0, 0);
  -o-transform: translate3d(-100.5%, 0, 0);
  transform: translate3d(-100.5%, 0, 0);
  left: 0;
  width: 84%; }
  .marketing.off-canvas-wrap .marketing-left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }
  .marketing.off-canvas-wrap .marketing-left-off-canvas-menu hr {
    border-color: #444444;
    margin: 5px 0 10px 0 !important; }
  .marketing.off-canvas-wrap .marketing-left-off-canvas-menu .off-canvas-list li.gs {
    padding: 0 1.08rem;
    margin-top: 8px; }
  .marketing.off-canvas-wrap .marketing-left-off-canvas-menu .off-canvas-list li a {
    border-bottom: none !important;
    font-size: 1.25rem;
    padding: 0.2rem 0.95rem;
    color: #ccc;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 500; }
  .marketing.off-canvas-wrap .marketing-left-off-canvas-menu .off-canvas-list li label {
    background: none !important;
    border-top: none !important;
    padding: 0.4rem 0.95rem  0.4rem 0.95rem !important;
    font-size: 0.775rem !important; }
  .marketing.off-canvas-wrap .marketing-left-off-canvas-menu .off-canvas-list li label.first {
    padding-top: 0.75rem !important; }
.marketing.off-canvas-wrap.move-right > .inner-wrap {
  -ms-transform: translate(83.5%, 0);
  -webkit-transform: translate3d(83.5%, 0, 0);
  -moz-transform: translate3d(83.5%, 0, 0);
  -ms-transform: translate3d(83.5%, 0, 0);
  -o-transform: translate3d(83.5%, 0, 0);
  transform: translate3d(83.5%, 0, 0); }
.marketing.off-canvas-wrap.move-right a.exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (min-width: 40.063em) {
    .marketing.off-canvas-wrap.move-right a.exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }
.marketing.off-canvas-wrap.move-left > .inner-wrap {
  -ms-transform: translate(-83.5%, 0);
  -webkit-transform: translate3d(-83.5%, 0, 0);
  -moz-transform: translate3d(-83.5%, 0, 0);
  -ms-transform: translate3d(-83.5%, 0, 0);
  -o-transform: translate3d(-83.5%, 0, 0);
  transform: translate3d(-83.5%, 0, 0); }
.marketing.off-canvas-wrap.move-left a.exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (min-width: 40.063em) {
    .marketing.off-canvas-wrap.move-left a.exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.lt-ie10 .marketing.off-canvas-wrap .marketing-left-off-canvas-menu {
  left: -84%; }
.lt-ie10 .marketing.off-canvas-wrap .marketing-right-off-canvas-menu {
  right: -84%; }
.lt-ie10 .marketing.off-canvas-wrap.move-left > .inner-wrap {
  right: 84%; }
.lt-ie10 .marketing.off-canvas-wrap.move-right > .inner-wrap {
  left: 84%; }

.marketing-left-off-canvas-menu .zurb-links {
  padding-bottom: 25px;
  margin-top: -5px; }

.marketing-left-off-canvas-menu .zurb-links ul.top {
  margin-top: 15px; }

.marketing-left-off-canvas-menu .zurb-links ul.top li {
  display: inline-block;
  margin-left: 0px;
  line-height: 1;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }

.marketing-left-off-canvas-menu .zurb-links ul.top li.logo {
  margin-left: 0px;
  width: 60px;
  height: 10px; }

.marketing-left-off-canvas-menu .zurb-links ul.top li.logo a {
  margin-top: 1px;
  padding: 3px 8px 3px 0px !important;
  display: block;
  font-size: 0.9rem !important;
  height: 12px;
  width: 60px;
  background: url("../img/offcanvas/zurb-logo.png") no-repeat;
  background-size: 100%; }

.marketing-left-off-canvas-menu .zurb-links ul.top li.logo img {
  width: 60px;
  margin-top: -4px; }

.marketing-left-off-canvas-menu .zurb-links ul.top li a {
  color: #727272 !important;
  text-transform: uppercase;
  font-size: 11px !important;
  padding: 5px !important;
  font-weight: 600 !important; }

.marketing-left-off-canvas-menu .zurb-links ul.pillars {
  list-style: none; }

.marketing-left-off-canvas-menu .zurb-links .footer-link-block span.title {
  padding-bottom: 0px;
  padding-left: 40px;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 1.3rem  !important;
  margin-bottom: 8px;
  color: #cccccc; }

.marketing-left-off-canvas-menu .zurb-links .footer-link-block span {
  display: block;
  color: #ccc;
  font-size: 1.0rem  !important;
  line-height: 18px;
  margin-bottom: 18px;
  line-height: 20px;
  margin-bottom: 24px;
  color: #727272;
  padding-left: 0;
  font-size: 0.9rem  !important; }

.marketing-left-off-canvas-menu .zurb-links .footer-link-block {
  font-weight: normal;
  background: url("../img/offcanvas/footer-icons.png") no-repeat 0 0;
  display: block;
  margin-bottom: 14px;
  padding-top: 6px; }

.marketing-left-off-canvas-menu .zurb-links .footer-link-block.expo {
  background-position: 0 -798px; }

.marketing-left-off-canvas-menu .zurb-links .footer-link-block.services {
  background-position: 0 -198px; }

.marketing-left-off-canvas-menu .zurb-links .footer-link-block.apps {
  background-position: 0 -598px; }

.marketing-left-off-canvas-menu .zurb-links .footer-link-block.foundation {
  background-position: 0 -398px; }

/* Retina Images */
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .marketing-left-off-canvas-menu .zurb-links .footer-link-block {
    font-weight: normal;
    background: url("../img/offcanvas/footer-icons-retina.png") no-repeat 0 0;
    display: block;
    margin-bottom: 14px;
    padding-top: 6px; }

  .marketing-left-off-canvas-menu .zurb-links .footer-link-block.expo {
    background-position: 0 -798px; }

  .marketing-left-off-canvas-menu .zurb-links .footer-link-block.services {
    background-position: 0 -400px; }

  .marketing-left-off-canvas-menu .zurb-links .footer-link-block.apps {
    background-position: 0 -598px; }

  .marketing-left-off-canvas-menu .zurb-links .footer-link-block.foundation {
    background-position: 0 -398px; } }
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (max-width: 320px) {
  .marketing-left-off-canvas-menu .zurb-links .footer-link-block {
    font-weight: normal;
    background: url("../img/offcanvas/footer-icons-retina.png") no-repeat 0 0;
    display: block;
    margin-bottom: 14px;
    padding-top: 6px; }

  .marketing-left-off-canvas-menu .zurb-links .footer-link-block.expo {
    background-position: 0 -793px;
    background-size: 100px 1400px; }

  .marketing-left-off-canvas-menu .zurb-links .footer-link-block.services {
    background-position: 0 -197px !important;
    background-size: 100px 1400px; }

  .marketing-left-off-canvas-menu .zurb-links .footer-link-block.apps {
    background-position: 0 -595px;
    background-size: 100px 1400px; }

  .marketing-left-off-canvas-menu .zurb-links .footer-link-block.foundation {
    background-position: 0 -395px;
    background-size: 100px 1400px; } }
/* Newsletter */
#newsletter {
  padding: 20px 0;
  background: #085a78;
  padding: 10px 0 10px 0; }
  #newsletter h5 {
    font-size: 20px;
    font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #fff;
    line-height: 24px; }
  #newsletter p {
    clear: both;
    font-size: 13px;
    padding-top: 2px;
    color: #fff; }
  #newsletter a {
    color: #fff; }
  #newsletter .margintop-20px {
    margin-top: 20px; }
  #newsletter .row.collapse form input[type="text"] {
    font-size: 17px;
    font-weight: 200;
    color: #999;
    border: 0; }
  #newsletter .row.collapse form .button {
    border: 0;
    box-shadow: none;
    background: #257696; }
  #newsletter .row.collapse form .button:hover {
    background: #1b566d; }

/* Global Footer */
.zurb-footer-top {
  padding: 40px 0;
  color: white; }
  .zurb-footer-top .row .columns:before, .zurb-footer-top .row .columns:after {
    content: " ";
    display: table; }
  .zurb-footer-top .row .columns:after {
    clear: both; }
  .zurb-footer-top.zurb {
    background-position: 10px 7px; }
  .zurb-footer-top .property {
    text-align: center; }
    .zurb-footer-top .property .property-info {
      padding-top: 37px; }
    .zurb-footer-top .property h2 {
      margin: 0;
      padding: 0 !important; }
      .zurb-footer-top .property h2 a {
        transition: all .25s ease-in-out;
        font-family: "zurb-logo";
        font-weight: normal;
        font-size: 1rem;
        padding: 0; }
        .zurb-footer-top .property h2 a:hover {
          opacity: 0.8;
          filter: alpha(opacity=80); }
        .zurb-footer-top .property h2 a.services {
          width: 190px; }
        .zurb-footer-top .property h2 a span {
          display: none; }
        .zurb-footer-top .property h2 a strong {
          font-size: 17px;
          margin-left: -7px; }
    .zurb-footer-top .property h3 {
      font-size: 1.4rem;
      font-weight: bold;
      color: white;
      margin-bottom: 20px; }
    .zurb-footer-top .property h4 {
      font-size: 1.1rem;
      font-weight: 200;
      color: white;
      margin-bottom: 10px; }
    .zurb-footer-top .property p, .zurb-footer-top .property li, .zurb-footer-top .property a {
      font-size: 13px;
      line-height: 21px;
      color: white; }
    .zurb-footer-top .property a {
      font-weight: bold;
      color: white; }
  .zurb-footer-top .learn-links, .zurb-footer-top .support-links, .zurb-footer-top .connect-links {
    padding: 50px 0 0 0;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    background: url(../img/../img/icons/footer-top-icons.png) no-repeat center 0;
    height: 220px;
    margin-bottom: 30px; }
    .zurb-footer-top .learn-links ul, .zurb-footer-top .support-links ul, .zurb-footer-top .connect-links ul {
      margin-left: 0px !important;
      list-style: none; }
      .zurb-footer-top .learn-links ul li, .zurb-footer-top .support-links ul li, .zurb-footer-top .connect-links ul li {
        line-height: 20px; }
  .zurb-footer-top .learn-links {
    background-position: center -325px; }
  .zurb-footer-top .support-links {
    background-position: center -635px; }
  .zurb-footer-top .connect-links {
    padding: 50px 20px 0;
    background-position: center -9px; }
    .zurb-footer-top .connect-links .button {
      font-size: 12px;
      font-weight: normal;
      background: rgba(0, 0, 0, 0.1);
      color: #FFF !important;
      font-weight: bold;
      text-shadow: none;
      box-shadow: none;
      border: none;
      padding: 6px 16px; }
  .zurb-footer-top .global {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
    .zurb-footer-top .global .footer-link-block {
      font-weight: normal;
      display: block;
      margin: 30px 0 0 0; }
      .zurb-footer-top .global .footer-link-block.services {
        background: url("../img/icons/footer-studios.png") left top no-repeat; }
      .zurb-footer-top .global .footer-link-block.foundation {
        background: url("../img/icons/footer-foundation.png") left top no-repeat; }
      .zurb-footer-top .global .footer-link-block.apps {
        background: url("../img/icons/footer-products.png") left top no-repeat; }
      .zurb-footer-top .global .footer-link-block.expo {
        background: url("../img/icons/footer-expo.png") left top no-repeat; }
      .zurb-footer-top .global .footer-link-block span {
        display: block;
        color: white;
        font-size: 0.75rem;
        padding-left: 40px;
        line-height: 18px; }
        .zurb-footer-top .global .footer-link-block span.title {
          font-size: 1.0rem;
          margin-bottom: 5px; }

.zurb-footer-top .property h4 {
  text-transform: none; }

.zurb-footer-bottom {
  background: #333;
  padding: 24px 0 10px; }
  .zurb-footer-bottom .design-border {
    border-bottom: 1px solid #484848;
    padding-bottom: 5px;
    margin-bottom: 25px; }
  .zurb-footer-bottom a.zurb-logo {
    color: #858585;
    font-weight: normal;
    background: url("../img/icons/footer-icons.png") no-repeat 0 3px;
    padding: 23px 0 0 0 !important;
    font-size: 0.88889rem;
    display: inline-block;
    width: 90px; }
    .zurb-footer-bottom a.zurb-logo:hover {
      opacity: 0.8;
      filter: alpha(opacity=80); }
  .zurb-footer-bottom ul.zurb-links {
    margin: 0;
    display: inline-block;
    padding-bottom: 0px; }
    .zurb-footer-bottom ul.zurb-links li {
      display: block;
      float: left;
      margin-left: 6px;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 0.75rem; }
      .zurb-footer-bottom ul.zurb-links li a {
        color: #666;
        padding: 3px 6px; }
        .zurb-footer-bottom ul.zurb-links li a:hover {
          color: #777; }
  .zurb-footer-bottom p.copyright {
    margin: 6px 0 0;
    font-size: 0.75rem;
    color: #666; }
  .zurb-footer-bottom ul.home-social {
    display: block;
    float: right;
    margin-bottom: 8px; }
    .zurb-footer-bottom ul.home-social li {
      list-style: none;
      display: block;
      float: left;
      margin-left: 10px; }
      .zurb-footer-bottom ul.home-social li:first-child {
        margin-left: 0; }
      .zurb-footer-bottom ul.home-social li a {
        display: block;
        height: 50px;
        width: 50px;
        background: url("../img/icons/social.png") no-repeat center 0; }
        .zurb-footer-bottom ul.home-social li a:hover {
          opacity: 0.8;
          filter: alpha(opacity=80); }
        .zurb-footer-bottom ul.home-social li a.twitter {
          background-position: center 0; }
        .zurb-footer-bottom ul.home-social li a.facebook {
          background-position: center -200px; }
        .zurb-footer-bottom ul.home-social li a.mail {
          background-position: center -400px; }

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .zurb-footer-top .property {
    padding-top: 0px; }
    .zurb-footer-top .property .learn-links, .zurb-footer-top .property .support-links, .zurb-footer-top .property .connect-links {
      height: 240px;
      padding: 50px 10px 0; } }
@media only screen and (max-width: 767px) {
  .zurb-footer-top .property .property-info {
    padding-top: 0px; }
  .zurb-footer-top .property .learn-links, .zurb-footer-top .property .support-links, .zurb-footer-top .property .connect-links {
    border: none;
    height: auto;
    padding: 80px 20px 0;
    margin: 4px 0 0 0;
    border-top: 1px dotted rgba(255, 255, 255, 0.2); }
    .zurb-footer-top .property .learn-links li a, .zurb-footer-top .property .support-links li a, .zurb-footer-top .property .connect-links li a {
      font-size: 15px;
      line-height: 2; }
    .zurb-footer-top .property .learn-links p, .zurb-footer-top .property .learn-links a, .zurb-footer-top .property .support-links p, .zurb-footer-top .property .support-links a, .zurb-footer-top .property .connect-links p, .zurb-footer-top .property .connect-links a {
      font-size: 16px; }
  .zurb-footer-top .property .learn-links {
    background-position: center -300px;
    padding-top: 76px 20px 0; }
  .zurb-footer-top .property .support-links {
    padding: 76px 20px 0;
    background-position: center -618px; }
  .zurb-footer-top .property .connect-links {
    padding: 76px 20px 14px;
    background-position: center 10px; }
  .zurb-footer-top .global {
    border: none; }
  .zurb-footer-top .footer-link-block span {
    font-size: 0.61111rem;
    line-height: 16px; }
  .zurb-footer-top .footer-link-block.services {
    border-top: 1px dotted rgba(255, 255, 255, 0.2);
    padding-top: 40px;
    margin-top: 0;
    background-position: center 10px !important; }

  .zurb-footer-bottom {
    text-align: center; }
    .zurb-footer-bottom .columns {
      padding: 0; }
    .zurb-footer-bottom a.zurb-logo {
      display: block;
      margin: 0 auto; }
    .zurb-footer-bottom ul.zurb-links {
      margin: 16px 0 10px; }
    .zurb-footer-bottom ul.home-social {
      float: none;
      margin: 0 0 20px 0;
      text-align: center;
      height: 44px;
      display: inline-block; } }
/* Reformating pillars */
@media only screen and (max-width: 767px) {
  .zurb-footer-top .property .connect-links {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    margin-bottom: 20px; }

  .zurb-footer-top .global .footer-link-block {
    padding-top: 50px;
    text-align: center;
    margin: 0 !important;
    clear: both; }
    .zurb-footer-top .global .footer-link-block span {
      padding-left: 0px; }
    .zurb-footer-top .global .footer-link-block.services {
      border-top: 0;
      background-position: center 15px !important; }
    .zurb-footer-top .global .footer-link-block.foundation {
      background-position: center 15px !important; }
    .zurb-footer-top .global .footer-link-block.apps {
      padding-top: 80px;
      background-position: center 45px !important; }
    .zurb-footer-top .global .footer-link-block.expo {
      padding-top: 80px;
      background-position: center 45px !important; }

  .zurb-footer-top .property .learn-links {
    background: none;
    border: none;
    padding-top: 0;
    margin: 0; } }
/* Retina Images */
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .zurb-footer-top .info-padding {
    background-image: url("../img/icons/footer-large-icon-retina.png");
    background-size: 100px 400px; }

  .zurb-footer-bottom ul.home-social li a {
    background-image: url("../img/icons/social-retina.png");
    background-size: 50px 600px; }

  .zurb-footer-top .global .footer-link-block {
    font-weight: normal;
    display: block;
    margin: 30px 0 0 0; }
    .zurb-footer-top .global .footer-link-block.services {
      background: url("../img/icons/footer-studios-retina.png") left top no-repeat; }
    .zurb-footer-top .global .footer-link-block.foundation {
      background-image: url("../img/icons/footer-foundation-retina.png") left top no-repeat; }
    .zurb-footer-top .global .footer-link-block.apps {
      background-image: url("../img/icons/footer-products-retina.png") left top no-repeat; }
    .zurb-footer-top .global .footer-link-block.expo {
      background-image: url("../img/icons/footer-expo-retina.png") left top no-repeat; }

  .zurb-footer-bottom a.zurb-logo {
    background-image: url("../img/icons/footer-icons-retina.png");
    background-size: 100px 1400px; }

  .zurb-footer-top .property .learn-links, .zurb-footer-top .property .support-links, .zurb-footer-top .property .connect-links {
    background-image: url("../img/icons/footer-top-icons-retina.png");
    background-size: 100px 1400px; } }
@media only screen and (max-width: 320px), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .zurb-footer-top .info-padding {
    background-image: url("../img/icons/footer-large-icon-retina.png");
    background-size: 100px 400px; }

  .zurb-footer-bottom ul.home-social li a {
    background-image: url("../img/icons/social-retina.png");
    background-size: 50px 600px; }

  .zurb-footer-top .global .footer-link-block {
    font-weight: normal;
    display: block;
    margin: 30px 0 0 0; }
    .zurb-footer-top .global .footer-link-block.services {
      background: url("../img/icons/footer-studios-retina.png") left top no-repeat;
      background-size: 30px; }
    .zurb-footer-top .global .footer-link-block.foundation {
      background: url("../img/icons/footer-foundation-retina.png") left top no-repeat;
      background-size: 30px; }
    .zurb-footer-top .global .footer-link-block.apps {
      background: url("../img/icons/footer-products-retina.png") left top no-repeat;
      background-size: 30px; }
    .zurb-footer-top .global .footer-link-block.expo {
      background: url("../img/icons/footer-expo-retina.png") left top no-repeat;
      background-size: 30px; }

  .zurb-footer-bottom a.zurb-logo {
    background-image: url("../img/icons/footer-icons-retina.png");
    background-size: 100px 1400px; }

  .zurb-footer-top .property .support-links, .zurb-footer-top .property .connect-links {
    background-image: url("../img/icons/footer-top-icons-retina.png");
    background-size: 100px 1400px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .zurb-footer-top .property .learn-links {
    background: none; } }
.zurb-footer-top.bg-blue {
  background: #2DAEBF; }
.zurb-footer-top.bg-fblue {
  background: #074e68; }
.zurb-footer-top.bg-green {
  background: #B8D30B; }
.zurb-footer-top.bg-dgreen {
  background: #afc908; }
.zurb-footer-top.bg-magenta {
  background: #A9014B; }
.zurb-footer-top.bg-orange {
  background: #FF5C00; }
.zurb-footer-top.bg-lorange {
  background: #FF6908; }
.zurb-footer-top.bg-oyellow {
  background: #FC9200; }
.zurb-footer-top.bg-loyellow {
  background: #FFB515; }
.zurb-footer-top.bg-navy {
  background: #074e68; }

.row.post h5 {
  margin-top: 0 !important; }

.post-count-spacing > li:first-child {
  margin-bottom: 10px;
  padding-bottom: 0;
  width: 95px; }
  @media only screen and (min-width: 40.063em) {
    .post-count-spacing > li:first-child {
      padding-left: 0; } }
  @media only screen and (min-width: 40.063em) {
    .post-count-spacing > li:first-child {
      width: 105px; } }
  .post-count-spacing > li:first-child form {
    margin-bottom: 0 !important; }
.post-count-spacing > li:last-child {
  padding-bottom: 0;
  line-height: 1.2em;
  padding-left: 0.55556rem;
  width: 65%; }
  @media screen and (min-width: 550px) and (max-width: 767px) {
    .post-count-spacing > li:last-child {
      width: 70% !important; } }
  @media screen and (min-width: 767px) and (max-width: 850px) {
    .post-count-spacing > li:last-child {
      width: 73% !important; } }
  @media screen and (min-width: 851px) and (max-width: 1999px) {
    .post-count-spacing > li:last-child {
      width: 75% !important; } }
  @media screen and (min-width: 1200px) {
    .post-count-spacing > li:last-child {
      width: 80% !important;
      padding-left: 0.83333rem; } }

.post-count {
  width: 80px !important;
  height: 80px;
  border: none !important;
  background-color: #e6e6e6;
  text-align: center; }
  @media only screen and (min-width: 40.063em) {
    .post-count {
      width: 95px !important; } }
  .post-count.new-general {
    background-color: #074e68;
    color: #d8f3fc; }
  .post-count.old-general {
    background-color: #f2f2f2 !important; }
  .post-count .post-count-container {
    height: 50px;
    background-color: #f2f2f2; }
    .post-count .post-count-container.old-general {
      background-color: #f2f2f2 !important; }
    .post-count .post-count-container.new {
      background-color: #074e68;
      color: #d8f3fc; }
    .post-count .post-count-container.new-general {
      background-color: #074e68;
      color: #d8f3fc; }
    .post-count .post-count-container span.reply-count {
      position: relative;
      top: 4px;
      color: #666666;
      font-family: "Proxima", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.75em;
      font-weight: 700; }
      .post-count .post-count-container span.reply-count.old-general {
        background-color: #f2f2f2 !important;
        top: 18px;
        font-size: 1.75em; }
      .post-count .post-count-container span.reply-count.new-general {
        top: 18px;
        color: #d8f3fc;
        font-size: 1.75em; }
        .post-count .post-count-container span.reply-count.new-general.with-replies {
          top: 6px; }
      .post-count .post-count-container span.reply-count.new-post {
        color: #d8f3fc;
        top: 6px; }
        .post-count .post-count-container span.reply-count.new-post.already-checked {
          top: 0.2em !important; }
    .post-count .post-count-container .label {
      display: block;
      background-color: transparent !important;
      text-transform: uppercase;
      font-family: "Proxima", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #78d4f6;
      position: relative;
      top: -0.83333rem; }
  .post-count .total-post-count {
    height: 30px;
    font-family: "Proxima", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: gray;
    font-size: 0.61111rem;
    text-transform: uppercase;
    padding: 8px 3px 3px 3px;
    font-weight: 700; }
    .post-count .total-post-count.total-replies {
      color: gray; }
      .post-count .total-post-count.total-replies.new {
        background-color: #053c50;
        color: #d8f3fc; }

@media only screen and (min-width: 40.063em) {
  .post-count-spacing {
    margin: 0; } }
.post-count-spacing .post-description {
  margin-top: 10px !important; }
  @media only screen and (min-width: 40.063em) {
    .post-count-spacing .post-description {
      margin-top: 0 !important; } }
.post-count-spacing .author-name {
  margin-top: 5px;
  line-height: 13px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 11px; }
  .post-count-spacing .author-name a {
    color: #666666 !important; }
    .post-count-spacing .author-name a:hover {
      color: gray !important; }
.post-count-spacing .last-reply-by a {
  color: #8c8c8c; }
.post-count-spacing h5 {
  line-height: 1em;
  margin-bottom: 5px;
  margin-top: -4px;
  font-size: 18px !important; }
  @media only screen and (min-width: 40.063em) {
    .post-count-spacing h5 {
      font-size: 1.5em !important;
      margin-top: -2px; } }
.post-count-spacing p {
  margin-bottom: 0; }
.post-count-spacing p.moderator-links {
  margin-top: 5px;
  margin-bottom: 5px; }
.post-count-spacing p.tags {
  margin-top: 2px !important;
  margin-bottom: 5px !important;
  line-height: 28px; }
  @media screen and (min-width: 767px) {
    .post-count-spacing p.tags a {
      margin: 0 0.27778rem 0.83333rem 0 !important; } }
  @media screen and (min-width: 0px) and (max-width: 767px) {
    .post-count-spacing p.tags a {
      margin: 0.83333rem 0.27778rem 0.83333rem 0 !important; } }
.post-count-spacing span.when {
  color: #a6a6a6; }
  @media screen and (min-width: 0px) and (max-width: 767px) {
    .post-count-spacing span.when {
      margin-top: 0.83333rem; } }
  @media screen and (min-width: 0px) and (max-width: 767px) {
    .post-count-spacing span.when {
      font-family: "Proxima", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 400;
      color: #666666;
      font-size: 0.72222rem; } }

.row.posts .row.post.impressions.old a {
  color: #999999; }
.row.posts .row.post.impressions hr {
  margin: 1.25em 0 1.1875em; }

#courses-banner-large {
  margin-top: 80px;
  background: #f4f4f4;
  padding: 40px 0; }
  #courses-banner-large .banner-image img {
    width: 95%; }
    @media only screen and (max-width: 767px) {
      #courses-banner-large .banner-image img {
        width: 100%; } }
  #courses-banner-large .banner-info h5 {
    font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 200;
    color: #333;
    margin-bottom: 22px;
    font-size: 24px; }
    @media only screen and (max-width: 767px) {
      #courses-banner-large .banner-info h5 {
        text-align: center;
        font-size: 22px; } }
  #courses-banner-large .banner-info p {
    font-size: 15px;
    color: #333; }
    @media only screen and (max-width: 767px) {
      #courses-banner-large .banner-info p {
        text-align: center; } }
  #courses-banner-large .banner-info h3 {
    font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 36px;
    font-weight: 200;
    color: #333;
    margin: 24px 0 20px; }
    @media only screen and (max-width: 767px) {
      #courses-banner-large .banner-info h3 {
        text-align: center; } }
  #courses-banner-large .banner-info .learn-more {
    margin-left: 20px; }
    @media only screen and (max-width: 767px) {
      #courses-banner-large .banner-info .learn-more {
        margin: 0;
        text-align: center; } }
  @media only screen and (max-width: 767px) {
    #courses-banner-large .banner-info a.inline-hide {
      display: none; } }
  #courses-banner-large .banner-info a.button {
    font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    border: none;
    box-shadow: none;
    color: #fff;
    -webkit-font-smoothing: antialiased; }
    @media only screen and (max-width: 767px) {
      #courses-banner-large .banner-info a.button {
        width: 100%; } }

#courses-banner-small {
  margin-top: 30px;
  background: #f4f4f4;
  padding: 15px 0; }
  #courses-banner-small .banner-image img {
    width: 72%;
    margin: -40px auto 0;
    display: block; }
    @media only screen and (max-width: 767px) {
      #courses-banner-small .banner-image img {
        width: 100%; } }
  #courses-banner-small .banner-info h5 {
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 200;
    color: #333;
    font-size: 24px; }
    @media only screen and (max-width: 767px) {
      #courses-banner-small .banner-info h5 {
        text-align: center;
        font-size: 22px; } }
  #courses-banner-small .banner-info p {
    font-size: 15px;
    color: #333; }
    @media only screen and (max-width: 767px) {
      #courses-banner-small .banner-info p {
        text-align: center; } }
    #courses-banner-small .banner-info p.date {
      margin-top: 20px;
      margin-bottom: 10px; }
  #courses-banner-small .banner-info .learn-more {
    margin-left: 20px; }
    @media only screen and (max-width: 767px) {
      #courses-banner-small .banner-info .learn-more {
        margin: 0;
        text-align: center; } }
  @media only screen and (max-width: 767px) {
    #courses-banner-small .banner-info a.inline-hide {
      display: none; } }
  #courses-banner-small .banner-info a.button {
    font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    border: none;
    box-shadow: none;
    color: #fff;
    -webkit-font-smoothing: antialiased; }
    @media only screen and (max-width: 767px) {
      #courses-banner-small .banner-info a.button {
        width: 100%; } }

/* -----------------------------------------
   Proxima Nova
----------------------------------------- */
/* Regular */
@font-face {
  font-family: 'proxima-nova';
  src: url(../fonts/ProximaNova-Reg-webfont.eot);
  src: url(../fonts/ProximaNova-Reg-webfont.eot?iefix) format("eot"), url(../fonts/ProximaNova-Reg-webfont.woff) format("woff"), url(../fonts/ProximaNova-Reg-webfont.ttf) format("truetype"), url(../fonts/ProximaNova-Reg-webfont.svg#webfontZam02nTh) format("svg");
  font-weight: normal;
  font-style: normal; }
/* Light */
@font-face {
  font-family: 'proxima-nova';
  src: url(../fonts/ProximaNova-Light-webfont.eot);
  src: url(../fonts/ProximaNova-Light-webfont.eot?iefix) format("eot"), url(../fonts/ProximaNova-Light-webfont.woff) format("woff"), url(../fonts/ProximaNova-Light-webfont.ttf) format("truetype"), url(../fonts/ProximaNova-Light-webfont.svg#webfontBtAcCspH) format("svg");
  font-weight: 200;
  font-style: normal; }
/* Bold */
@font-face {
  font-family: 'proxima-nova';
  src: url(../fonts/ProximaNova-Bold-webfont.eot);
  src: url(../fonts/ProximaNova-Bold-webfont.eot?iefix) format("eot"), url(../fonts/ProximaNova-Bold-webfont.woff) format("woff"), url(../fonts/ProximaNova-Bold-webfont.ttf) format("truetype"), url(../fonts/ProximaNova-Bold-webfont.svg#webfontZ6etP9ZY) format("svg");
  font-weight: bold;
  font-style: normal; }
/* Xtra Bold */
@font-face {
  font-family: 'proxima-nova';
  src: url(../fonts/ProximaNova-Xbold-webfont.eot);
  src: url(../fonts/ProximaNova-Xbold-webfont.eot?iefix) format("eot"), url(../fonts/ProximaNova-Xbold-webfont.woff) format("woff"), url(../fonts/ProximaNova-Xbold-webfont.ttf) format("truetype"), url(../fonts/ProximaNova-Xbold-webfont.svg#webfont2rpW2ohz) format("svg");
  font-weight: 900;
  font-style: normal; }
/* Regular Italic */
@font-face {
  font-family: 'proxima-nova';
  src: url(../fonts/proximanova-regitalic-webfont.eot);
  src: url(../fonts/proximanova-regitalic-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/proximanova-regitalic-webfont.woff) format("woff"), url(../fonts/proximanova-regitalic-webfont.ttf) format("truetype"), url(../fonts/proximanova-regitalic-webfont.svg#proxima_novaregular_italic) format("svg");
  font-weight: normal;
  font-style: italic; }
/* Condensed Regular */
@font-face {
  font-family: 'proxima-nova-condensed';
  src: url(../fonts/proximanovacond-regular.eot);
  src: url(../fonts/proximanovacond-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/proximanovacond-regular.woff) format("woff"), url(../fonts/proximanovacond-regular.ttf) format("truetype"), url(../fonts/proximanovacond-regular.svg#proximanovacond-regular) format("svg");
  font-weight: normal;
  font-style: normal; }
/* Condensed Bold */
@font-face {
  font-family: 'proxima-nova-condensed';
  src: url(../fonts/proximanovacond-bold-webfont.eot);
  src: url(../fonts/proximanovacond-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/proximanovacond-bold-webfont.woff) format("woff"), url(../fonts/proximanovacond-bold-webfont.ttf) format("truetype"), url(../fonts/proximanovacond-bold-webfont.svg#ProximaNovaCondensedBold) format("svg");
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase !important; }
/* Condensed Semibold */
@font-face {
  font-family: 'proxima-nova-condensed';
  src: url(../fonts/proximanovacond-semibold-webfont.eot);
  src: url(../fonts/proximanovacond-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/proximanovacond-semibold-webfont.woff) format("woff"), url(../fonts/proximanovacond-semibold-webfont.ttf) format("truetype"), url(../fonts/proximanovacond-semibold-webfont.svg#proxima_nova_condensedSBd) format("svg");
  font-weight: 600;
  font-style: normal; }
/* ZURB logo font */
@font-face {
  font-family: 'zurb-logo';
  src: url(../fonts/zurb-webfont.eot);
  src: url(../fonts/zurb-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/zurb-webfont.woff) format("woff"), url(../fonts/zurb-webfont.ttf) format("truetype"), url(../fonts/zurb-webfont.svg) format("svg");
  font-weight: normal;
  font-style: normal; }
.row {
  max-width: 80rem; }
  .row.display {
    background: #eee;
    font-size: 11px;
    margin-bottom: 10px;
    line-height: 2rem;
    border: solid 1px #c6c6c6;
    margin-left: 0 !important;
    margin-right: 0 !important; }
    .row.display .columns:nth-child(2), .row.display .columns.small-centered, .row.display .columns.large-centered {
      background: #e1e1e1; }
    .row.display .columns.color-end {
      background: #d4d4d4; }

.row {
  max-width: 80rem; }
  .row.display-end {
    background: #fff;
    font-size: 11px;
    margin-bottom: 10px;
    line-height: 2rem;
    border: solid 1px #c6c6c6;
    margin-left: 0 !important;
    margin-right: 0 !important; }
    .row.display-end .columns {
      background: #e1e1e1;
      border-left: 1px solid #c6c6c6; }
      .row.display-end .columns.color-end {
        background: #d4d4d4; }

.top-bar-section ul li > a {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
  font-size: 0.8125rem !important; }

h1 {
  margin-top: 20px; }

h2.subheader {
  margin: 0 0 20px 0;
  font-size: 1.25rem; }

h3.subheader {
  margin: 0 0 20px 0;
  font-size: 1.25rem; }

h4 {
  font-size: 0.75rem;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 900; }

.top30 {
  margin-top: 30px; }

.top20 {
  margin-top: 20px; }

.bottom30 {
  margin-top: 30px; }

.bottom20 {
  margin-top: 20px; }

hr {
  margin: 2.5rem 0 2rem; }

hr.dashed {
  border-style: dashed; }

/* Syntax Highlighting */
.hll {
  background-color: #ffffcc; }

.c {
  color: #999988;
  font-style: italic; }

/* Comment */
.err {
  color: #a61717;
  background-color: #e3d2d2; }

/* Error */
.k {
  color: #000000;
  font-weight: bold; }

/* Keyword */
.o {
  color: #000000;
  font-weight: bold; }

/* Operator */
.cm {
  color: #999988;
  font-style: italic; }

/* Comment.Multiline */
.cp {
  color: #999999;
  font-weight: bold;
  font-style: italic; }

/* Comment.Preproc */
.c1 {
  color: #999988;
  font-style: italic; }

/* Comment.Single */
.cs {
  color: #999999;
  font-weight: bold;
  font-style: italic; }

/* Comment.Special */
.gd {
  color: #000000;
  background-color: #ffdddd; }

/* Generic.Deleted */
.ge {
  color: #000000;
  font-style: italic; }

/* Generic.Emph */
.gr {
  color: #aa0000; }

/* Generic.Error */
.gh {
  color: #999999; }

/* Generic.Heading */
.gi {
  color: #000000;
  background-color: #ddffdd; }

/* Generic.Inserted */
.go {
  color: #888888; }

/* Generic.Output */
.gp {
  color: #555555; }

/* Generic.Prompt */
.gs {
  font-weight: bold; }

/* Generic.Strong */
.gu {
  color: #aaaaaa; }

/* Generic.Subheading */
.gt {
  color: #aa0000; }

/* Generic.Traceback */
.kc {
  color: #000000;
  font-weight: bold; }

/* Keyword.Constant */
.kd {
  color: #000000;
  font-weight: bold; }

/* Keyword.Declaration */
.kn {
  color: #000000;
  font-weight: bold; }

/* Keyword.Namespace */
.kp {
  color: #000000;
  font-weight: bold; }

/* Keyword.Pseudo */
.kr {
  color: #000000;
  font-weight: bold; }

/* Keyword.Reserved */
.kt {
  color: #445588;
  font-weight: bold; }

/* Keyword.Type */
.m {
  color: #009999; }

/* Literal.Number */
.s {
  color: #d01040; }

/* Literal.String */
.na {
  color: teal; }

/* Name.Attribute */
.nb {
  color: #0086b3; }

/* Name.Builtin */
.nc {
  color: #445588;
  font-weight: bold; }

/* Name.Class */
.no {
  color: teal; }

/* Name.Constant */
.nd {
  color: #3c5d5d;
  font-weight: bold; }

/* Name.Decorator */
.ni {
  color: purple; }

/* Name.Entity */
.ne {
  color: #990000;
  font-weight: bold; }

/* Name.Exception */
.nf {
  color: #990000;
  font-weight: bold; }

/* Name.Function */
.nl {
  color: #990000;
  font-weight: bold; }

/* Name.Label */
.nn {
  color: #555555; }

/* Name.Namespace */
.nt {
  color: navy; }

/* Name.Tag */
.nv {
  color: teal; }

/* Name.Variable */
.ow {
  color: #000000;
  font-weight: bold; }

/* Operator.Word */
.w {
  color: #bbbbbb; }

/* Text.Whitespace */
.mf {
  color: #009999; }

/* Literal.Number.Float */
.mh {
  color: #009999; }

/* Literal.Number.Hex */
.mi {
  color: #009999; }

/* Literal.Number.Integer */
.mo {
  color: #009999; }

/* Literal.Number.Oct */
.sb {
  color: #d01040; }

/* Literal.String.Backtick */
.sc {
  color: #d01040; }

/* Literal.String.Char */
.sd {
  color: #d01040; }

/* Literal.String.Doc */
.s2 {
  color: #d01040; }

/* Literal.String.Double */
.se {
  color: #d01040; }

/* Literal.String.Escape */
.sh {
  color: #d01040; }

/* Literal.String.Heredoc */
.si {
  color: #d01040; }

/* Literal.String.Interpol */
.sx {
  color: #d01040; }

/* Literal.String.Other */
.sr {
  color: #009926; }

/* Literal.String.Regex */
.s1 {
  color: #d01040; }

/* Literal.String.Single */
.ss {
  color: #990073; }

/* Literal.String.Symbol */
.bp {
  color: #999999; }

/* Name.Builtin.Pseudo */
.vc {
  color: teal; }

/* Name.Variable.Class */
.vg {
  color: teal; }

/* Name.Variable.Global */
.vi {
  color: teal; }

/* Name.Variable.Instance */
.il {
  color: #009999; }

/* Literal.Number.Integer.Long */
.sidebar {
  background: #fafafa;
  padding: 32px 20px; }

.sidebar.fixed,
[data-magellan-expedition] {
  left: auto !important; }

.side-nav .heading {
  text-transform: uppercase; }

.side-nav li {
  margin: 0;
  padding: 0; }

.side-nav li a {
  padding: 0.33333rem 0; }
  .side-nav li a:not(.button) {
    padding: 0.33333rem 0; }
  .side-nav li a:hover {
    color: #003f54; }
    .side-nav li a:hover span {
      background: #dadada;
      color: #000; }

.side-nav .heading,
.sidebar form {
  padding: 2px 0px; }

.side-nav li.divider {
  margin: 16px 0px; }

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
  padding: 4px 0px;
  font-size: 0.77778rem;
  font-weight: bold; }

.sidebar .download.button {
  margin: 10px 0px;
  font-size: 1rem; }

/*
.sidebar .side-nav {
  overflow-y: scroll;
  height: 600px;

}
*/
.sidebar .label {
  background: #ddd;
  border-radius: 3px;
  color: #777;
  margin-left: 5px; }

.sidebar form {
  margin-bottom: 0; }

.sidebar .button {
  font-size: 0.66667rem; }

.magellan-fixed.magellan-outer-wrapper {
  overflow-y: scroll;
  width: inherit; }
.magellan-fixed .magellan-inner-wrapper {
  overflow-y: scroll; }

.sidebar input[type="search"]:focus {
  box-shadow: 0 0 0 !important; }

#jobs {
  /*
    h6 {
      padding:0;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 300;
      margin-bottom: 8px;
    }
  */ }
  #jobs ul {
    margin-left: 0;
    list-style: none; }
  #jobs .positionTitle {
    font-size: 14px; }
  #jobs .location {
    display: block;
    font-size: 11px;
    color: #666; }
  #jobs #via {
    font-size: 12px;
    color: #333; }

.fader {
  display: block;
  position: fixed;
  z-index: 400;
  bottom: 0;
  width: 220px;
  background: url(../img/fader.png) no-repeat center bottom; }

input[type="search"]:focus {
  background: #fff; }

/* -----------------------------------------
   ZURB Footer
----------------------------------------- */
.zurb-footer-bottom {
  background: #333;
  padding: 24px 0 10px; }
  .zurb-footer-bottom .design-border {
    border-bottom: 1px solid #484848;
    padding-bottom: 5px;
    margin-bottom: 25px; }
  .zurb-footer-bottom a.zurb-logo {
    color: #858585;
    font-weight: normal;
    background: url(../img/icons/footer-icons.png) no-repeat 0 3px;
    padding: 25px 0 0 0;
    font-size: 0.88889rem;
    display: inline-block;
    width: 90px; }
    .zurb-footer-bottom a.zurb-logo:hover {
      opacity: 0.8; }
  .zurb-footer-bottom ul.zurb-links {
    margin: 0;
    display: inline-block; }
    .zurb-footer-bottom ul.zurb-links li {
      display: block;
      float: left;
      margin-left: 6px;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 0.77778rem; }
      .zurb-footer-bottom ul.zurb-links li a {
        color: #666;
        padding: 3px 6px; }
        .zurb-footer-bottom ul.zurb-links li a:hover {
          color: #777; }
  .zurb-footer-bottom p.copyright {
    margin: 6px 0 0;
    font-size: 0.66667rem;
    color: #666; }
  .zurb-footer-bottom ul.home-social {
    display: block;
    float: right;
    margin-bottom: 8px; }
    .zurb-footer-bottom ul.home-social li {
      list-style: none;
      display: block;
      float: left;
      margin-left: 10px; }
      .zurb-footer-bottom ul.home-social li:first-child {
        margin-left: 0; }
      .zurb-footer-bottom ul.home-social li a {
        display: block;
        height: 50px;
        width: 50px;
        background: url(../img/icons/social.png) no-repeat center 0; }
        .zurb-footer-bottom ul.home-social li a:hover {
          opacity: 0.8; }
        .zurb-footer-bottom ul.home-social li a.twitter {
          background-position: center 0; }
        .zurb-footer-bottom ul.home-social li a.facebook {
          background-position: center -200px; }
        .zurb-footer-bottom ul.home-social li a.mail {
          background-position: center -400px; }

@media only screen and (max-width: 767px) {
  .zurb-footer-bottom {
    text-align: center; }
    .zurb-footer-bottom .columns {
      padding: 0; }
    .zurb-footer-bottom a.zurb-logo {
      display: block;
      margin: 0 auto; }
    .zurb-footer-bottom ul.zurb-links {
      margin: 16px 0 10px; }
    .zurb-footer-bottom ul.home-social {
      float: none;
      margin: 0 0 20px 0;
      text-align: center;
      height: 44px;
      display: inline-block; } }
@media only screen and (max-width: 320px) {
  .zurb-footer-bottom ul.zurb-links li a {
    font-size: 12px; } }
.custom-block-grid {
  display: block;
  padding: 0;
  margin: 0 -0.55556rem; }
  .custom-block-grid:before, .custom-block-grid:after {
    content: " ";
    display: table; }
  .custom-block-grid:after {
    clear: both; }
  .custom-block-grid > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.55556rem 1.11111rem; }
  .custom-block-grid > li {
    width: 33.33333%;
    padding: 0 0.55556rem 1.11111rem;
    list-style: none; }
    .custom-block-grid > li:nth-of-type(1n) {
      clear: none; }
    .custom-block-grid > li:nth-of-type(3n+1) {
      clear: both; }

.autocomplete-suggestions {
  border: 1px solid #e7e7e7;
  background: #FFF;
  overflow: auto; }

.autocomplete-suggestion {
  padding: 6px;
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden; }

.autocomplete-selected {
  background-color: #009fd3;
  transition: all 100ms ease-in-out;
  color: #fff; }
  .autocomplete-selected strong {
    color: #fff !important; }

.autocomplete-suggestions strong {
  font-weight: bold;
  color: #008cba; }

.section-header h1 {
  border-bottom: 1px solid #ddd; }
.section-header ul.inline-list {
  display: inline-block;
  position: absolute;
  top: 47px;
  right: 0.9375rem; }

table.plugin-options {
  width: 100%;
  border: none; }
  table.plugin-options td[rowspan] {
    background: #f9f9f9;
    vertical-align: top; }
  table.plugin-options tbody td:not([rowspan]) {
    font-family: Consolas, 'Liberation Mono', Courier, monospace; }
  table.plugin-options thead td:first-child {
    width: 20%; }

.easel, .full-grid .panel {
  border-style: solid;
  border-width: 1px;
  border-color: #dfdfdf;
  margin-bottom: 1.11111rem;
  padding: 1.11111rem;
  background: #fafafa;
  color: #333333;
  border-radius: 3px;
  border: 1px solid #ebebeb; }
  .easel > :first-child, .full-grid .panel > :first-child {
    margin-top: 0; }
  .easel > :last-child, .full-grid .panel > :last-child {
    margin-bottom: 0; }
  .easel h1, .full-grid .panel h1, .easel h2, .full-grid .panel h2, .easel h3, .full-grid .panel h3, .easel h4, .full-grid .panel h4, .easel h5, .full-grid .panel h5, .easel h6, .full-grid .panel h6, .easel p, .full-grid .panel p, .easel li, .full-grid .panel li, .easel dl, .full-grid .panel dl {
    color: #333333; }
  .easel h1, .full-grid .panel h1, .easel h2, .full-grid .panel h2, .easel h3, .full-grid .panel h3, .easel h4, .full-grid .panel h4, .easel h5, .full-grid .panel h5, .easel h6, .full-grid .panel h6 {
    line-height: 1;
    margin-bottom: 0.55556rem; }
    .easel h1.subheader, .full-grid .panel h1.subheader, .easel h2.subheader, .full-grid .panel h2.subheader, .easel h3.subheader, .full-grid .panel h3.subheader, .easel h4.subheader, .full-grid .panel h4.subheader, .easel h5.subheader, .full-grid .panel h5.subheader, .easel h6.subheader, .full-grid .panel h6.subheader {
      line-height: 1.4; }

.full-grid {
  padding-left: 0.83333rem;
  padding-right: 0.83333rem;
  width: 100%;
  float: left; }

.half-grid {
  padding-left: 0.83333rem;
  padding-right: 0.83333rem;
  width: 50%;
  float: left; }

.code {
  padding-left: 0.83333rem;
  padding-right: 0.83333rem;
  width: 58.33333%;
  float: left;
  padding-right: 0; }

.options {
  padding-left: 0.83333rem;
  padding-right: 0.83333rem;
  width: 41.66667%;
  float: left; }

.options-bg {
  padding: 18px;
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 4px; }
  .options-bg ul {
    margin-left: 20px; }
  .options-bg dt {
    color: #008080; }

pre {
  margin-bottom: 15px; }
  pre code .code-container {
    margin: 10px 0px;
    padding: 5px;
    overflow-x: auto;
    line-height: 1.3rem;
    font-weight: normal; }

#masthead {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 55.55556rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.11111rem;
  padding: 1.11111rem;
  background: #f2f2f2;
  color: #333333;
  max-width: none; }
  #masthead:before, #masthead:after {
    content: " ";
    display: table; }
  #masthead:after {
    clear: both; }
  #masthead > :first-child {
    margin-top: 0; }
  #masthead > :last-child {
    margin-bottom: 0; }
  #masthead h1, #masthead h2, #masthead h3, #masthead h4, #masthead h5, #masthead h6, #masthead p, #masthead li, #masthead dl {
    color: #333333; }
  #masthead h1, #masthead h2, #masthead h3, #masthead h4, #masthead h5, #masthead h6 {
    line-height: 1;
    margin-bottom: 0.55556rem; }
    #masthead h1.subheader, #masthead h2.subheader, #masthead h3.subheader, #masthead h4.subheader, #masthead h5.subheader, #masthead h6.subheader {
      line-height: 1.4; }
  #masthead hgroup {
    padding-left: 0.83333rem;
    padding-right: 0.83333rem;
    width: 33.33333%;
    float: left; }
  #masthead section {
    padding-left: 0.83333rem;
    padding-right: 0.83333rem;
    width: 66.66667%;
    float: left; }

footer {
  margin-top: 45px; }

#appHeader {
  background: #008cba; }

.magellan-container {
  padding: 0 !important;
  background: #fff; }

.example-orbit-content li div {
  color: white;
  background: #2ba6cb;
  padding: 30px 40px; }
  .example-orbit-content li div h1, .example-orbit-content li div h2, .example-orbit-content li div h3 {
    color: white; }

.type-demo {
  /* Typography resets */
  /* Default Link Styles */
  /* Default paragraph styles */
  /* Default header styles */
  /* Helpful Typography Defaults */
  /* Lists */
  /* Unordered Lists */
  /* Ordered Lists */
  /* Definition Lists */
  /* Abbreviations */
  /* Blockquotes */
  /* Microformats */ }
  .type-demo div,
  .type-demo dl,
  .type-demo dt,
  .type-demo dd,
  .type-demo ul,
  .type-demo ol,
  .type-demo li,
  .type-demo h1,
  .type-demo h2,
  .type-demo h3,
  .type-demo h4,
  .type-demo h5,
  .type-demo h6,
  .type-demo pre,
  .type-demo form,
  .type-demo p,
  .type-demo blockquote,
  .type-demo th,
  .type-demo td {
    margin: 0;
    padding: 0; }
  .type-demo a {
    color: #008cba;
    text-decoration: none;
    line-height: inherit; }
    .type-demo a:hover, .type-demo a:focus {
      color: #0078a0; }
    .type-demo a img {
      border: none; }
  .type-demo p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.11111rem;
    text-rendering: optimizeLegibility; }
    .type-demo p.lead {
      font-size: 1.19444rem;
      line-height: 1.6; }
    .type-demo p aside {
      font-size: 0.77778rem;
      line-height: 1.35;
      font-style: italic; }
  .type-demo h1, .type-demo h2, .type-demo h3, .type-demo h4, .type-demo h5, .type-demo h6 {
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    font-style: normal;
    color: #222222;
    text-rendering: optimizeLegibility;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4;
    text-transform: none; }
    .type-demo h1 small, .type-demo h2 small, .type-demo h3 small, .type-demo h4 small, .type-demo h5 small, .type-demo h6 small {
      font-size: 60%;
      color: #6f6f6f;
      line-height: 0; }
    .type-demo h1.subheader, .type-demo h2.subheader, .type-demo h3.subheader, .type-demo h4.subheader, .type-demo h5.subheader, .type-demo h6.subheader {
      line-height: 1.4;
      color: #6f6f6f;
      font-weight: normal;
      margin-top: 0.2rem;
      margin-bottom: 0.5rem;
      text-transform: none; }
  .type-demo h1 {
    font-size: 1.88889rem; }
  .type-demo h2 {
    font-size: 1.5rem; }
  .type-demo h3 {
    font-size: 1.22222rem; }
  .type-demo h4 {
    font-size: 1.0rem; }
  .type-demo h5 {
    font-size: 1rem; }
  .type-demo h6 {
    font-size: 1rem; }
  .type-demo hr {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.11111rem 0 1.05556rem;
    height: 0; }
  .type-demo em,
  .type-demo i {
    font-style: italic;
    line-height: inherit; }
  .type-demo strong,
  .type-demo b {
    font-weight: bold;
    line-height: inherit; }
  .type-demo small {
    font-size: 60%;
    line-height: inherit; }
  .type-demo code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #333333; }
  .type-demo ul,
  .type-demo ol,
  .type-demo dl {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.11111rem;
    list-style-position: outside;
    font-family: inherit; }
  .type-demo ul {
    margin-left: 1.1rem; }
    .type-demo ul.no-bullet {
      margin-left: 0; }
      .type-demo ul.no-bullet li ul,
      .type-demo ul.no-bullet li ol {
        margin-left: 1.11111rem;
        margin-bottom: 0;
        list-style: none; }
  .type-demo ul li ul,
  .type-demo ul li ol {
    margin-left: 1.11111rem;
    margin-bottom: 0;
    font-size: 1rem;
    /* Override nested font-size change */ }
  .type-demo ul.square li ul, .type-demo ul.circle li ul, .type-demo ul.disc li ul {
    list-style: inherit; }
  .type-demo ul.square {
    list-style-type: square;
    margin-left: 1.1rem; }
  .type-demo ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem; }
  .type-demo ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem; }
  .type-demo ul.no-bullet {
    list-style: none; }
  .type-demo ol {
    margin-left: 1.4rem; }
    .type-demo ol li ul,
    .type-demo ol li ol {
      margin-left: 1.11111rem;
      margin-bottom: 0; }
  .type-demo dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }
  .type-demo dl dd {
    margin-bottom: 0.66667rem; }
  .type-demo abbr,
  .type-demo acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222222;
    border-bottom: 1px dotted #dddddd;
    cursor: help; }
  .type-demo abbr {
    text-transform: none; }
  .type-demo blockquote {
    margin: 0 0 1.11111rem;
    padding: 0.5rem 1.11111rem 0 1.05556rem;
    border-left: 1px solid #dddddd; }
    .type-demo blockquote cite {
      display: block;
      font-size: 0.72222rem;
      color: #555555; }
      .type-demo blockquote cite:before {
        content: "\2014 \0020"; }
      .type-demo blockquote cite a,
      .type-demo blockquote cite a:visited {
        color: #555555; }
  .type-demo blockquote,
  .type-demo blockquote p {
    line-height: 1.6;
    color: #6f6f6f; }
  .type-demo .vcard {
    display: inline-block;
    margin: 0 0 1.11111rem 0;
    border: 1px solid #dddddd;
    padding: 0.55556rem 0.66667rem; }
    .type-demo .vcard li {
      margin: 0;
      display: block; }
    .type-demo .vcard .fn {
      font-weight: bold;
      font-size: 0.83333rem; }
  .type-demo .vevent .summary {
    font-weight: bold; }
  .type-demo .vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 0.05556rem; }
  @media only screen and (min-width: 40.063em) {
    .type-demo h1, .type-demo h2, .type-demo h3, .type-demo h4, .type-demo h5, .type-demo h6 {
      line-height: 1.4; }
    .type-demo h1 {
      font-size: 2.44444rem; }
    .type-demo h2 {
      font-size: 2.05556rem; }
    .type-demo h3 {
      font-size: 1.5rem; }
    .type-demo h4 {
      font-size: 1.27778rem; } }

.custom-bg {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.11111rem;
  position: relative;
  padding: 0.77778rem 1.33333rem 0.77778rem 0.77778rem;
  font-size: 0.72222rem;
  transition: opacity 300ms ease-out;
  background-color: #ff6c3c;
  border-color: #ff4b10;
  color: white; }

.alert-base {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.11111rem;
  position: relative;
  padding: 0.77778rem 1.33333rem 0.77778rem 0.77778rem;
  font-size: 0.72222rem;
  transition: opacity 300ms ease-out; }

.alert-background {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.11111rem;
  position: relative;
  padding: 0.77778rem 1.33333rem 0.77778rem 0.77778rem;
  font-size: 0.72222rem;
  transition: opacity 300ms ease-out;
  background-color: #008cba;
  border-color: #0078a0;
  color: white; }

.close {
  font-size: 1.22222rem;
  padding: 9px 6px 4px;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -0.61111rem;
  right: 0.22222rem;
  color: #333333;
  opacity: 0.3;
  background: inherit; }
  .close:hover, .close:focus {
    opacity: 0.5; }

.alert-radius {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.11111rem;
  position: relative;
  padding: 0.77778rem 1.33333rem 0.77778rem 0.77778rem;
  font-size: 0.72222rem;
  transition: opacity 300ms ease-out;
  background-color: #008cba;
  border-color: #0078a0;
  color: white;
  border-radius: 3px; }

.th-custom {
  line-height: 0;
  display: inline-block;
  border: solid 10px white;
  max-width: 100%;
  box-shadow: 0 0 0 2px black;
  border-radius: 6;
  transition: all 400ms ease-in; }
  .th-custom:hover, .th-custom:focus {
    box-shadow: 0 0 10px 2px rgba(255, 165, 0, 0.5); }

.custom-sidenav-class {
  display: block;
  margin: 0;
  padding: 0.77778rem 0;
  list-style-type: none;
  list-style-position: outside;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important; }
  .custom-sidenav-class li {
    margin: 0 0 0.38889rem 0;
    font-size: 1.2rem;
    font-weight: normal; }
    .custom-sidenav-class li a:not(.button) {
      display: block;
      color: #ff6908;
      margin: 0;
      padding: 0.38889rem 0.77778rem; }
      .custom-sidenav-class li a:not(.button):hover, .custom-sidenav-class li a:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #1cc7ff; }
    .custom-sidenav-class li.active > a:first-child:not(.button) {
      color: #1cc7ff;
      font-weight: normal;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important; }
    .custom-sidenav-class li.divider {
      border-top: 1px solid;
      height: 0;
      padding: 0;
      list-style: none;
      border-top-color: #ffe5d4; }
    .custom-sidenav-class li.heading {
      color: #008cba;
      font-size: 0.77778rem;
      font-weight: bold;
      text-transform: uppercase; }

.basic-subnav-class {
  display: block;
  width: auto;
  overflow: hidden;
  margin-bottom: -0.22222rem 0 1rem;
  padding-top: 0.22222rem; }
  .basic-subnav-class dt {
    text-transform: uppercase; }
  .basic-subnav-class dt,
  .basic-subnav-class dd,
  .basic-subnav-class li {
    float: left;
    display: inline;
    margin-left: 0.88889rem;
    margin-bottom: 0;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    font-size: 0.77778rem;
    color: #999999; }
    .basic-subnav-class dt a,
    .basic-subnav-class dd a,
    .basic-subnav-class li a {
      text-decoration: none;
      color: #999999;
      padding: 0.16667rem 0.88889rem; }
      .basic-subnav-class dt a:hover,
      .basic-subnav-class dd a:hover,
      .basic-subnav-class li a:hover {
        color: #737373; }
    .basic-subnav-class dt.active a,
    .basic-subnav-class dd.active a,
    .basic-subnav-class li.active a {
      border-radius: 3px;
      font-weight: normal;
      background: #008cba;
      padding: 0.16667rem 0.88889rem;
      cursor: default;
      color: white; }
      .basic-subnav-class dt.active a:hover,
      .basic-subnav-class dd.active a:hover,
      .basic-subnav-class li.active a:hover {
        background: #0078a0; }

.custom-subnav-class {
  display: block;
  width: auto;
  overflow: hidden;
  margin-bottom: -0.22222rem 0 1rem;
  padding-top: 0.22222rem; }
  .custom-subnav-class dt {
    text-transform: uppercase; }
  .custom-subnav-class dt,
  .custom-subnav-class dd,
  .custom-subnav-class li {
    float: left;
    display: inline;
    margin-left: 0.88889rem;
    margin-bottom: 0;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    font-size: 1.2rem;
    color: #ff6908; }
    .custom-subnav-class dt a,
    .custom-subnav-class dd a,
    .custom-subnav-class li a {
      text-decoration: none;
      color: #999999;
      padding: 0.16667rem 0.88889rem; }
      .custom-subnav-class dt a:hover,
      .custom-subnav-class dd a:hover,
      .custom-subnav-class li a:hover {
        color: #737373; }
    .custom-subnav-class dt.active a,
    .custom-subnav-class dd.active a,
    .custom-subnav-class li.active a {
      border-radius: 3px;
      font-weight: normal;
      background: #ed5d00;
      padding: 0.16667rem 0.88889rem;
      cursor: default;
      color: white; }
      .custom-subnav-class dt.active a:hover,
      .custom-subnav-class dd.active a:hover,
      .custom-subnav-class li.active a:hover {
        background: #0078a0; }

.docs-wrap .inner-wrap {
  background: #efefef; }

.docs-wrap .main-section {
  padding: 0 20px 0 20px; }

.main-section {
  -webkit-backface-visibility: hidden; }

.doc-oc-list {
  background: #333333; }

.docs-bar ul.dropdown {
  z-index: 1003; }

.sidebar .side-nav li.active > a:first-child {
  font-weight: bold;
  color: #008eba;
  position: relative;
  margin: 0 -20px;
  padding-left: 20px;
  padding-right: 20px;
  background: rgba(0, 64, 84, 0.05); }

.sidebar .side-nav li:hover > a:first-child {
  color: #006787;
  position: relative;
  margin: 0 -20px;
  padding-left: 20px;
  padding-right: 20px;
  background: rgba(0, 64, 84, 0.03); }

.row.support {
  padding: 9px 0;
  margin-left: 0;
  margin-right: 0; }

.row.support:nth-child(2n) {
  background: #f4f4f4; }

.support .win {
  color: #4ea600;
  font-weight: bold; }

.support .meh {
  color: #888;
  font-weight: bold; }

.support .fail {
  color: #cc0000;
  font-weight: bold; }

.docs-bar .top-bar-section .has-dropdown > a:after {
  display: none; }

.docs-bar .top-bar-section .has-dropdown a {
  padding-right: 15px !important; }

div#interchangeMarkup img {
  max-width: none; }

/*------------------------------------
you will need
------------------------------------*/
.circle-list a {
  margin-bottom: 0px; }
.circle-list img {
  width: 160px;
  margin-top: 15px;
  margin-bottom: 20px; }
.circle-list h4 {
  font-size: 1.3rem;
  font-weight: normal;
  text-transform: capitalize; }

/*------------------------------------
images
------------------------------------*/
.others {
  max-height: 180px;
  display: block;
  margin: 10px auto; }

.flow-chart {
  margin: 10px 10px 15px 0; }
  @media only screen and (max-width: 40em) {
    .flow-chart {
      margin: 20px; } }

@media only screen and (max-width: 40em) {
  .command-line {
    margin: 20px; } }

/*------------------------------------
padding
------------------------------------*/
.recommended {
  padding-top: 10px; }

.path-container code {
  color: #008cba; }

.sub-nav {
  background-color: #f2f2f2;
  padding: 10px 10px 10px 0; }

.above-magellan {
  margin-bottom: 30px; }

.otherapps {
  margin-bottom: 20px !important; }

/*------------------------------------
 timeline styles
------------------------------------*/
.two-paths {
  margin-top: 20px; }

.path-container .path-item {
  margin-top: 10px;
  margin-bottom: 25px; }
.path-container h4 {
  font-size: 1.3rem;
  font-weight: normal;
  text-transform: capitalize;
  padding-bottom: 10px; }

/*------------------------------------
circles
------------------------------------*/
.circlenumber {
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #0b4f69;
  width: 35px;
  height: 35px;
  position: relative;
  margin-top: -5px;
  margin-right: 18px;
  margin-bottom: 5px;
  margin-left: 0.83333rem;
  z-index: 2; }
  .circlenumber h3 {
    color: #0b4f69;
    position: relative;
    text-align: center;
    top: 2.5%;
    font-weight: bold;
    font-size: 16px; }

@media only screen and (min-width: 0) and (max-width: 64.063em) {
  .path-item {
    padding-left: 0.83333rem; }
    .path-item .circlenumber {
      left: -12px; } }
@media only screen and (min-width: 64.063em) {
  .path-item {
    padding-left: 65px;
    position: relative; }
    .path-item .circlenumber {
      position: absolute;
      left: 0; } }
/*------------------------------------
 mobile timeline styles
------------------------------------*/
@media only screen and (max-width: 1800px) {
  .path-container .circle {
    top: 0;
    right: 0;
    left: 0;
    float: none;
    padding-top: 0px;
    margin-right: auto; }
  .path-container .panel {
    border: none;
    font-family: Consolas, 'Liberation Mono', Courier, monospace;
    font-weight: normal;
    padding-left: 20px; } }
/*------------------------------------
misc
------------------------------------*/
p.note {
  font-size: 16px; }

@media only screen and (max-width: 40em) {
  .other-uses .button {
    display: block !important; } }
.path-item:last-child, .path-item p:last-child, .nocli ul:last-child, .other-uses .button:last-child, .path-container p:last-child {
  margin-bottom: 0; }

.dashed {
  border-style: dashed; }

/*------------------------------------
what you get
------------------------------------*/
.header-container {
  padding: 15px 30px 10px 30px;
  background: #0b4f69;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .header-container h3 {
    color: #fff; }

.info-list {
  font-size: .95rem;
  background: #fafafa;
  list-style: none;
  margin: 0 0 20px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .info-list li {
    padding: 20px 30px; }
    .info-list li pre {
      margin-bottom: 0; }
      .info-list li pre code {
        background: #fff; }
  .info-list li:nth-child(even) {
    background: #f5f5f5; }

.file-list ul {
  list-style: none;
  margin-bottom: 12px; }
.file-list img {
  border-radius: 5px;
  padding-bottom: 20px; }
.file-list hr {
  margin-bottom: 4px;
  margin-top: 2px;
  width: 30%; }
.file-list .fi-folder {
  color: #0b4f69; }
.file-list .fi-page {
  color: #6f6f6f; }
.file-list.resources ul {
  margin-left: 0; }
.file-list.resources .button {
  margin-top: 1rem; }

.whatis {
  margin-top: 30px !important; }
  @media only screen and (min-width: 0) and (max-width: 64.063em) {
    .whatis img {
      margin-bottom: 15px; } }

.setting_sass {
  padding-top: 23px; }

.app-image {
  margin-right: 20px;
  margin-bottom: 20px;
  border-radius: 5px; }

.arrow-list {
  margin-bottom: 0; }
  .arrow-list li {
    padding-left: 20px;
    list-style: none;
    position: relative; }
    .arrow-list li i {
      position: absolute;
      left: 0; }

.using-sass pre:last-child {
  margin-bottom: 0; }

.minus {
  margin-top: 30px; }

.skill-list h4 {
  margin-bottom: 0; }

.skill-level {
  font-size: 0.77778rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 0; }
  .skill-level i {
    font-size: 120%;
    color: #FDC441; }

.gs-example .row {
  border: 1px solid #c6c6c6;
  margin: 0.3rem !important; }
  .gs-example .row .row {
    margin: 0; }
.gs-example .border-none {
  border-right: none !important; }
.gs-example .columns {
  padding-left: inherit;
  padding-right: inherit;
  border: 3px solid #fff;
  background: #eee; }
.gs-example .columns:nth-child(2) {
  background: #e1e1e1; }
.gs-example p {
  padding: 10px;
  margin-bottom: 0;
  text-align: center; }

.off-canvas-example {
  background: #efefef; }
  .off-canvas-example .main-section {
    padding: 0 20px; }

.tabs-example {
  border: 1px solid #ccc;
  margin-bottom: 1.3rem; }
  .tabs-example .tab-title.active a {
    background: #eee; }
  .tabs-example .tab-title > a {
    background: #e1e1e1; }
    .tabs-example .tab-title > a:hover {
      background: #cdcdcd; }
  .tabs-example .tabs-content {
    border-top: 1px solid #ccc;
    margin: 0;
    padding: 1rem; }
  .tabs-example .tabs-content > .content {
    padding: 0; }

.button-title {
  margin-top: -7px; }

.codepen-demo {
  margin-top: 20px; }
  .codepen-demo .tabs-content {
    padding: 5px 15px;
    background: #f3f3f3; }
  .codepen-demo .tab-title > a {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #333;
    color: #fff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-right: 5px; }
    .codepen-demo .tab-title > a:hover {
      background: #525252; }
  .codepen-demo .tab-title.active a {
    background: #f3f3f3;
    color: #333; }

.what-comes-with hr {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem; }
.what-comes-with .pagination {
  margin-bottom: 0; }
.what-comes-with .grid-example {
  margin-top: 10px; }
.what-comes-with .gs-buttongroup {
  text-align: center; }
  .what-comes-with .gs-buttongroup .button-group {
    min-width: 100%; }
    .what-comes-with .gs-buttongroup .button-group li {
      min-width: 50%; }
      .what-comes-with .gs-buttongroup .button-group li a {
        min-width: 100%; }
.what-comes-with .gs-iconbar {
  margin-bottom: 10px; }
  .what-comes-with .gs-iconbar i {
    color: #dadada; }
  a .what-comes-with .gs-iconbar:hover {
    color: #fff; }
.what-comes-with .gs-topbar {
  margin-bottom: 15px; }
.what-comes-with .gs-hoverbutton .button {
  margin-bottom: 0; }

.gs-resources h4 {
  margin-top: 20px; }
.gs-resources .bottom-link {
  margin-bottom: 0;
  margin-top: 10px; }

.gs-modal .reveal-modal, .gs-modal dialog {
  z-index: 1002; }
.gs-modal .reveal-modal-bg {
  z-index: 1000; }

img.round-margin {
  border-radius: 5px;
  margin-bottom: 20px; }

.panel.callout-warning {
  background: #fff;
  border: 5px solid red; }

.button.floor {
  position: relative;
  margin-top: 20%; }


/* add by jimmy */


/* add by jimmy */


/* add by jimmy */


/* add by jimmy */

/* add by jimmy */