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

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

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


.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row { margin-left: 0;
    margin-right: 0; }
  .row .row { width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

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

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

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

@media only screen {
  .small-push-0 { position: relative; left: 0%; right: auto; }
  .small-pull-0 { position: relative; right: 0%; left: auto; }
  .small-push-1 { position: relative; left: 8.33333%; right: auto; }
  .small-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .small-push-2 { position: relative; left: 16.66667%; right: auto; }
  .small-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .small-push-3 { position: relative; left: 25%; right: auto; }
  .small-pull-3 { position: relative; right: 25%; left: auto; }
  .small-push-4 { position: relative; left: 33.33333%; right: auto; }
  .small-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .small-push-5 { position: relative; left: 41.66667%; right: auto; }
  .small-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .small-push-6 { position: relative; left: 50%; right: auto; }
  .small-pull-6 { position: relative; right: 50%; left: auto; }
  .small-push-7 { position: relative; left: 58.33333%; right: auto; }
  .small-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .small-push-8 { position: relative; left: 66.66667%; right: auto; }
  .small-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .small-push-9 { position: relative; left: 75%; right: auto; }
  .small-pull-9 { position: relative; right: 75%; left: auto; }
  .small-push-10 { position: relative; left: 83.33333%; right: auto; }
  .small-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .small-push-11 { position: relative; left: 91.66667%; right: auto; }
  .small-pull-11 { position: relative; right: 91.66667%; left: auto; }

  .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }

  .small-1 { width: 8.33333%; }
  .small-2 { width: 16.66667%; }
  .small-3 { width: 25%; }
  .small-4 { width: 33.33333%; }
  .small-5 { width: 41.66667%; }
  .small-6 { width: 50%; }
  .small-7 { width: 58.33333%; }
  .small-8 { width: 66.66667%; }
  .small-9 { width: 75%; }
  .small-10 { width: 83.33333%; }
  .small-11 { width: 91.66667%; }
  .small-12 { width: 100%; }

  .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.small-uncentered, .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; }
  .column.small-centered:last-child, .columns.small-centered:last-child { float: none; }

}

@media only screen and (min-width: 40.063em) {
  .medium-push-0 { position: relative; left: 0%; right: auto; }
  .medium-pull-0 { position: relative; right: 0%; left: auto; }
  .medium-push-1 { position: relative; left: 8.33333%; right: auto; }
  .medium-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .medium-push-2 { position: relative; left: 16.66667%; right: auto; }
  .medium-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .medium-push-3 { position: relative; left: 25%; right: auto; }
  .medium-pull-3 { position: relative; right: 25%; left: auto; }
  .medium-push-4 { position: relative; left: 33.33333%; right: auto; }
  .medium-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .medium-push-5 { position: relative; left: 41.66667%; right: auto; }
  .medium-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .medium-push-6 { position: relative; left: 50%; right: auto; }
  .medium-pull-6 { position: relative; right: 50%; left: auto; }
  .medium-push-7 { position: relative; left: 58.33333%; right: auto; }
  .medium-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .medium-push-8 { position: relative; left: 66.66667%; right: auto; }
  .medium-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .medium-push-9 { position: relative; left: 75%; right: auto; }
  .medium-pull-9 { position: relative; right: 75%; left: auto; }
  .medium-push-10 { position: relative; left: 83.33333%; right: auto; }
  .medium-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .medium-push-11 { position: relative; left: 91.66667%; right: auto; }
  .medium-pull-11 { position: relative; right: 91.66667%; left: auto; }

  .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }

  .medium-1 { width: 8.33333%; }
  .medium-2 { width: 16.66667%; }
  .medium-3 { width: 25%; }
  .medium-4 { width: 33.33333%; }
  .medium-5 { width: 41.66667%; }
  .medium-6 { width: 50%; }
  .medium-7 { width: 58.33333%; }
  .medium-8 { width: 66.66667%; }
  .medium-9 { width: 75%; }
  .medium-10 { width: 83.33333%; }
  .medium-11 { width: 91.66667%; }
  .medium-12 { width: 100%; }

  .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; }
  .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; }

  .push-0 { position: relative; left: 0%; right: auto; }
  .pull-0 { position: relative; right: 0%; left: auto; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; }

}

@media only screen and (min-width: 64.063em) {
  .large-push-0 { position: relative; left: 0%; right: auto; }
  .large-pull-0 { position: relative; right: 0%; left: auto; }
  .large-push-1 { position: relative; left: 8.33333%; right: auto; }
  .large-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .large-push-2 { position: relative; left: 16.66667%; right: auto; }
  .large-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .large-push-3 { position: relative; left: 25%; right: auto; }
  .large-pull-3 { position: relative; right: 25%; left: auto; }
  .large-push-4 { position: relative; left: 33.33333%; right: auto; }
  .large-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .large-push-5 { position: relative; left: 41.66667%; right: auto; }
  .large-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .large-push-6 { position: relative; left: 50%; right: auto; }
  .large-pull-6 { position: relative; right: 50%; left: auto; }
  .large-push-7 { position: relative; left: 58.33333%; right: auto; }
  .large-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .large-push-8 { position: relative; left: 66.66667%; right: auto; }
  .large-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .large-push-9 { position: relative; left: 75%; right: auto; }
  .large-pull-9 { position: relative; right: 75%; left: auto; }
  .large-push-10 { position: relative; left: 83.33333%; right: auto; }
  .large-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .large-push-11 { position: relative; left: 91.66667%; right: auto; }
  .large-pull-11 { position: relative; right: 91.66667%; left: auto; }

  .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }

  .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5 { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }

  .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; }
  .column.large-centered:last-child, .columns.large-centered:last-child { float: none; }

  .push-0 { position: relative; left: 0%; right: auto; }
  .pull-0 { position: relative; right: 0%; left: auto; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; }

}


.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd, .tabs .tab-title {
    position: relative;
    margin-bottom: 0 !important;
    list-style: none;
    float: left; }
    .tabs dd > a, .tabs .tab-title > a {
      outline: none;
      display: block;
      /*background-color: #efefef;
      padding: 1rem 2rem;
      font-size: 1rem;*/ }
      .tabs dd > a:hover, .tabs .tab-title > a:hover {
        /*background-color: #e1e1e1;*/ }
    .tabs dd.active a, .tabs .tab-title.active a {
      /*background-color: white;
      color: #222222;*/ }
  .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .tabs.vertical dd, .tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto; }

.tabs-content {
 /* JP removed to fix mobile styling
      margin-bottom: 1.5rem;*/
  width: 100%; }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.9375em 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 0.9375em; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 0.9375em; }

@media only screen and (min-width: 40.063em) {
  .tabs.vertical { width: 20%;
    max-width: 20%;
    float: left;
    margin: 0 0 1.25rem; }

  .tabs-content.vertical { width: 80%;
    max-width: 80%;
    float: left;
    margin-left: -1px;
    padding-left: 1rem; } }

.no-js .tabs-content > .content {
  display: block;
  float: none; }

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

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

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

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


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

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