@media print,
screen and (min-width:40em) {

  .reveal,
  .reveal.large,
  .reveal.small,
  .reveal.tiny {
    left: auto;
    margin: 0 auto;
    right: auto;
  }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
h1 {
  font-size: 2em;
}

code,
kbd,
pre,
samp {
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
}

button,
input {
  overflow: visible;
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}

fieldset {
  padding: .35em .75em .625em;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

html {
  font-size: 100%;
}

body {
  background: #fefefe;
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  line-height: 1.5;
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
  border-radius: 0;
  height: 2.4375rem;
  line-height: 1.5;
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
  border: 1px solid #8a8a8a;
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
}

[type=button],
[type=submit] {
  border-radius: 0;
}

::-moz-placeholder {
  color: #cacaca;
}

:-ms-input-placeholder {
  color: #cacaca;
}

::placeholder {
  color: #cacaca;
}

.help-text {
  font-size: .8125rem;
}

.input-group > :first-child,
.input-group > :first-child.input-group-button > *,
.input-group > :last-child,
.input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group-label {
  background: #e6e6e6;
}

select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 version=%271.1%27 width=%2732%27 height=%2724%27 viewBox=%270 0 32 24%27><polygon points=%270,0 32,0 16,24%27 style=%27fill: rgb%28138, 138, 138%29%27></polygon></svg>");
  height: 2.4375rem;
  line-height: 1.5;
}

select:focus {
  border: 1px solid #8a8a8a;
}

select:disabled {
  background-color: #e6e6e6;
}

select:not([multiple]) {
  padding-bottom: 0;
  padding-top: 0;
}

.is-invalid-input:not(:focus) {
  background-color: #f9ecea;
  border-color: #cc4b37;
}

.is-invalid-input:not(:focus)::-moz-placeholder {
  color: #cc4b37;
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
  color: #cc4b37;
}

.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37;
}

.form-error,
.is-invalid-label {
  color: #cc4b37;
}

p {
  font-size: inherit;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.h3,
h3 {
  font-size: 1.1875rem;
}

.h5,
h5 {
  font-size: 1.0625rem;
}

@media print,
screen and (min-width:40em) {

  .h1,
  h1 {
    font-size: 3rem
  }

  .h2,
  h2 {
    font-size: 2.5rem
  }

  .h3,
  h3 {
    font-size: 1.9375rem
  }

  .h4,
  h4 {
    font-size: 1.5625rem
  }

  .h5,
  h5 {
    font-size: 1.25rem
  }

  .h6,
  h6 {
    font-size: 1rem
  }
}

a {
  color: #1779ba;
}

a:focus,
a:hover {
  color: #1468a0;
}

blockquote,
blockquote p {
  color: #8a8a8a;
}

kbd {
  background-color: #e6e6e6;
}

.subheader {
  color: #8a8a8a;
}

.stat {
  font-size: 2.5rem;
}

.cite-block,
cite {
  color: #8a8a8a;
  display: block;
  font-size: .8125rem;
}

.cite-block:before,
cite:before {
  content: "— ";
}

.code-inline,
code {
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: .125rem .3125rem .0625rem;
}

.code-block,
.code-inline,
code {
  background-color: #e6e6e6;
  border: 1px solid #cacaca;
  color: #0a0a0a;
  font-family: Consolas, Liberation Mono, Courier, monospace;
  font-weight: 400;
}

.code-block {
  display: block;
  margin-bottom: 1.5rem;
  overflow: auto;
  padding: 1rem;
  white-space: pre;
}

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

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

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

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

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

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

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

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

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-print-color-adjust: economy;
    color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }

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

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

  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,
  th.show-for-print {
    display: table-cell !important;
  }

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

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

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

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

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

  thead {
    display: table-header-group
  }

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

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

  @page {
    margin: .5cm
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }

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

  .print-break-inside {
    page-break-inside: auto
  }
}

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 75rem;
  padding-left: .625rem;
  padding-right: .625rem;
}

@media print,
screen and (min-width:40em) {
  .grid-container {
    padding-left: .9375rem;
    padding-right: .9375rem
  }
}

.grid-container.fluid {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: .625rem;
  padding-right: .625rem;
}

@media print,
screen and (min-width:40em) {
  .grid-container.fluid {
    padding-left: .9375rem;
    padding-right: .9375rem
  }
}

.grid-container.full {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.grid-x {
  display: flex;
  flex-flow: row wrap;
}

.cell {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}

.cell.auto {
  flex: 1 1;
}

.cell.shrink {
  flex: 0 0 auto;
}

.grid-x > .auto,
.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-1,
.grid-x > .small-10,
.grid-x > .small-11,
.grid-x > .small-12,
.grid-x > .small-2,
.grid-x > .small-3,
.grid-x > .small-4,
.grid-x > .small-5,
.grid-x > .small-6,
.grid-x > .small-7,
.grid-x > .small-8,
.grid-x > .small-9,
.grid-x > .small-full,
.grid-x > .small-shrink {
  flex-basis: auto;
}

@media print,
screen and (min-width:40em) {

  .grid-x > .medium-1,
  .grid-x > .medium-10,
  .grid-x > .medium-11,
  .grid-x > .medium-12,
  .grid-x > .medium-2,
  .grid-x > .medium-3,
  .grid-x > .medium-4,
  .grid-x > .medium-5,
  .grid-x > .medium-6,
  .grid-x > .medium-7,
  .grid-x > .medium-8,
  .grid-x > .medium-9,
  .grid-x > .medium-full,
  .grid-x > .medium-shrink {
    flex-basis: auto
  }
}

@media print,
screen and (min-width:64em) {

  .grid-x > .large-1,
  .grid-x > .large-10,
  .grid-x > .large-11,
  .grid-x > .large-12,
  .grid-x > .large-2,
  .grid-x > .large-3,
  .grid-x > .large-4,
  .grid-x > .large-5,
  .grid-x > .large-6,
  .grid-x > .large-7,
  .grid-x > .large-8,
  .grid-x > .large-9,
  .grid-x > .large-full,
  .grid-x > .large-shrink {
    flex-basis: auto
  }
}

.grid-x > .small-1,
.grid-x > .small-10,
.grid-x > .small-11,
.grid-x > .small-12,
.grid-x > .small-2,
.grid-x > .small-3,
.grid-x > .small-4,
.grid-x > .small-5,
.grid-x > .small-6,
.grid-x > .small-7,
.grid-x > .small-8,
.grid-x > .small-9 {
  flex: 0 0 auto;
}

.grid-x > .small-1 {
  width: 8.33333%;
}

.grid-x > .small-2 {
  width: 16.66667%;
}

.grid-x > .small-3 {
  width: 25%;
}

.grid-x > .small-4 {
  width: 33.33333%;
}

.grid-x > .small-5 {
  width: 41.66667%;
}

.grid-x > .small-6 {
  width: 50%;
}

.grid-x > .small-7 {
  width: 58.33333%;
}

.grid-x > .small-8 {
  width: 66.66667%;
}

.grid-x > .small-9 {
  width: 75%;
}

.grid-x > .small-10 {
  width: 83.33333%;
}

.grid-x > .small-11 {
  width: 91.66667%;
}

.grid-x > .small-12 {
  width: 100%;
}

@media print,
screen and (min-width:40em) {
  .grid-x > .medium-auto {
    flex: 1 1;
    width: auto
  }

  .grid-x > .medium-1,
  .grid-x > .medium-10,
  .grid-x > .medium-11,
  .grid-x > .medium-12,
  .grid-x > .medium-2,
  .grid-x > .medium-3,
  .grid-x > .medium-4,
  .grid-x > .medium-5,
  .grid-x > .medium-6,
  .grid-x > .medium-7,
  .grid-x > .medium-8,
  .grid-x > .medium-9,
  .grid-x > .medium-shrink {
    flex: 0 0 auto
  }

  .grid-x > .medium-shrink {
    width: auto
  }

  .grid-x > .medium-1 {
    width: 8.33333%;
  }

  .grid-x > .medium-2 {
    width: 16.66667%;
  }

  .grid-x > .medium-3 {
    width: 25%;
  }

  .grid-x > .medium-4 {
    width: 33.33333%;
  }

  .grid-x > .medium-5 {
    width: 41.66667%;
  }

  .grid-x > .medium-6 {
    width: 50%;
  }

  .grid-x > .medium-7 {
    width: 58.33333%;
  }

  .grid-x > .medium-8 {
    width: 66.66667%;
  }

  .grid-x > .medium-9 {
    width: 75%;
  }

  .grid-x > .medium-10 {
    width: 83.33333%;
  }

  .grid-x > .medium-11 {
    width: 91.66667%;
  }

  .grid-x > .medium-12 {
    width: 100%;
  }
}

@media print,
screen and (min-width:64em) {
  .grid-x > .large-auto {
    flex: 1 1;
    width: auto
  }

  .grid-x > .large-1,
  .grid-x > .large-10,
  .grid-x > .large-11,
  .grid-x > .large-12,
  .grid-x > .large-2,
  .grid-x > .large-3,
  .grid-x > .large-4,
  .grid-x > .large-5,
  .grid-x > .large-6,
  .grid-x > .large-7,
  .grid-x > .large-8,
  .grid-x > .large-9,
  .grid-x > .large-shrink {
    flex: 0 0 auto
  }

  .grid-x > .large-shrink {
    width: auto
  }

  .grid-x > .large-1 {
    width: 8.33333%;
  }

  .grid-x > .large-2 {
    width: 16.66667%;
  }

  .grid-x > .large-3 {
    width: 25%;
  }

  .grid-x > .large-4 {
    width: 33.33333%;
  }

  .grid-x > .large-5 {
    width: 41.66667%;
  }

  .grid-x > .large-6 {
    width: 50%;
  }

  .grid-x > .large-7 {
    width: 58.33333%;
  }

  .grid-x > .large-8 {
    width: 66.66667%;
  }

  .grid-x > .large-9 {
    width: 75%;
  }

  .grid-x > .large-10 {
    width: 83.33333%;
  }

  .grid-x > .large-11 {
    width: 91.66667%;
  }

  .grid-x > .large-12 {
    width: 100%;
  }
}

.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -.625rem;
  margin-right: -.625rem;
}

@media print,
screen and (min-width:40em) {
  .grid-margin-x {
    margin-left: -.9375rem;
    margin-right: -.9375rem
  }
}

.grid-margin-x > .cell {
  margin-left: .625rem;
  margin-right: .625rem;
  width: calc(100% - 1.25rem);
}

@media print,
screen and (min-width:40em) {
  .grid-margin-x > .cell {
    margin-left: .9375rem;
    margin-right: .9375rem;
    width: calc(100% - 1.875rem)
  }
}

.grid-margin-x > .auto,
.grid-margin-x > .shrink {
  width: auto;
}

.grid-margin-x > .small-1 {
  width: calc(8.33333% - 1.25rem);
}

.grid-margin-x > .small-2 {
  width: calc(16.66667% - 1.25rem);
}

.grid-margin-x > .small-3 {
  width: calc(25% - 1.25rem);
}

.grid-margin-x > .small-4 {
  width: calc(33.33333% - 1.25rem);
}

.grid-margin-x > .small-5 {
  width: calc(41.66667% - 1.25rem);
}

.grid-margin-x > .small-6 {
  width: calc(50% - 1.25rem);
}

.grid-margin-x > .small-7 {
  width: calc(58.33333% - 1.25rem);
}

.grid-margin-x > .small-8 {
  width: calc(66.66667% - 1.25rem);
}

.grid-margin-x > .small-9 {
  width: calc(75% - 1.25rem);
}

.grid-margin-x > .small-10 {
  width: calc(83.33333% - 1.25rem);
}

.grid-margin-x > .small-11 {
  width: calc(91.66667% - 1.25rem);
}

.grid-margin-x > .small-12 {
  width: calc(100% - 1.25rem);
}

@media print,
screen and (min-width:40em) {

  .grid-margin-x > .auto,
  .grid-margin-x > .shrink {
    width: auto
  }

  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.875rem)
  }

  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.875rem)
  }

  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.875rem)
  }

  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.875rem)
  }

  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.875rem)
  }

  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.875rem)
  }

  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem)
  }

  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.875rem)
  }

  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.875rem)
  }

  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem)
  }

  .grid-margin-x > .medium-auto,
  .grid-margin-x > .medium-shrink {
    width: auto
  }

  .grid-margin-x > .medium-1 {
    width: calc(8.33333% - 1.875rem)
  }

  .grid-margin-x > .medium-2 {
    width: calc(16.66667% - 1.875rem)
  }

  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x > .medium-4 {
    width: calc(33.33333% - 1.875rem)
  }

  .grid-margin-x > .medium-5 {
    width: calc(41.66667% - 1.875rem)
  }

  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x > .medium-7 {
    width: calc(58.33333% - 1.875rem)
  }

  .grid-margin-x > .medium-8 {
    width: calc(66.66667% - 1.875rem)
  }

  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem)
  }

  .grid-margin-x > .medium-10 {
    width: calc(83.33333% - 1.875rem)
  }

  .grid-margin-x > .medium-11 {
    width: calc(91.66667% - 1.875rem)
  }

  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.875rem)
  }
}

@media print,
screen and (min-width:64em) {

  .grid-margin-x > .large-auto,
  .grid-margin-x > .large-shrink {
    width: auto
  }

  .grid-margin-x > .large-1 {
    width: calc(8.33333% - 1.875rem)
  }

  .grid-margin-x > .large-2 {
    width: calc(16.66667% - 1.875rem)
  }

  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x > .large-4 {
    width: calc(33.33333% - 1.875rem)
  }

  .grid-margin-x > .large-5 {
    width: calc(41.66667% - 1.875rem)
  }

  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x > .large-7 {
    width: calc(58.33333% - 1.875rem)
  }

  .grid-margin-x > .large-8 {
    width: calc(66.66667% - 1.875rem)
  }

  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem)
  }

  .grid-margin-x > .large-10 {
    width: calc(83.33333% - 1.875rem)
  }

  .grid-margin-x > .large-11 {
    width: calc(91.66667% - 1.875rem)
  }

  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem)
  }
}

.grid-padding-x .grid-padding-x {
  margin-left: -.625rem;
  margin-right: -.625rem;
}

@media print,
screen and (min-width:40em) {
  .grid-padding-x .grid-padding-x {
    margin-left: -.9375rem;
    margin-right: -.9375rem:;
  }
}

.grid-container:not(.full) > .grid-padding-x {
  margin-left: -.625rem;
  margin-right: -.625rem;
}

@media print,
screen and (min-width:40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
  }
}

.grid-padding-x > .cell {
  padding-left: .625rem;
  padding-right: .625rem;
}

@media print,
screen and (min-width:40em) {
  .grid-padding-x > .cell {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.33333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.66667%;
}

.small-up-7 > .cell {
  width: 14.28571%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

@media print,
screen and (min-width:40em) {
  .medium-up-1 > .cell {
    width: 100%;
  }

  .medium-up-2 > .cell {
    width: 50%;
  }

  .medium-up-3 > .cell {
    width: 33.33333%;
  }

  .medium-up-4 > .cell {
    width: 25%;
  }

  .medium-up-5 > .cell {
    width: 20%;
  }

  .medium-up-6 > .cell {
    width: 16.66667%;
  }

  .medium-up-7 > .cell {
    width: 14.28571%;
  }

  .medium-up-8 > .cell {
    width: 12.5%;
  }
}

@media print,
screen and (min-width:64em) {
  .large-up-1 > .cell {
    width: 100%;
  }

  .large-up-2 > .cell {
    width: 50%;
  }

  .large-up-3 > .cell {
    width: 33.33333%;
  }

  .large-up-4 > .cell {
    width: 25%;
  }

  .large-up-5 > .cell {
    width: 20%;
  }

  .large-up-6 > .cell {
    width: 16.66667%;
  }

  .large-up-7 > .cell {
    width: 14.28571%;
  }

  .large-up-8 > .cell {
    width: 12.5%;
  }
}

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.25rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.25rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.25rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem);
}

@media print,
screen and (min-width:40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem)
  }

  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.875rem)
  }

  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem)
  }

  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.875rem)
  }

  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.875rem)
  }

  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem)
  }

  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem)
  }

  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.875rem)
  }

  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem)
  }

  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.875rem)
  }

  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.875rem)
  }

  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem)
  }
}

@media print,
screen and (min-width:64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem)
  }

  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.875rem)
  }

  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem)
  }

  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.875rem)
  }

  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.875rem)
  }

  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem)
  }
}

.small-margin-collapse,
.small-margin-collapse > .cell {
  margin-left: 0;
  margin-right: 0;
}

.small-margin-collapse > .small-1 {
  width: 8.33333%;
}

.small-margin-collapse > .small-2 {
  width: 16.66667%;
}

.small-margin-collapse > .small-3 {
  width: 25%;
}

.small-margin-collapse > .small-4 {
  width: 33.33333%;
}

.small-margin-collapse > .small-5 {
  width: 41.66667%;
}

.small-margin-collapse > .small-6 {
  width: 50%;
}

.small-margin-collapse > .small-7 {
  width: 58.33333%;
}

.small-margin-collapse > .small-8 {
  width: 66.66667%;
}

.small-margin-collapse > .small-9 {
  width: 75%;
}

.small-margin-collapse > .small-10 {
  width: 83.33333%;
}

.small-margin-collapse > .small-11 {
  width: 91.66667%;
}

.small-margin-collapse > .small-12 {
  width: 100%;
}

@media print,
screen and (min-width:40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.33333%;
  }

  .small-margin-collapse > .medium-2 {
    width: 16.66667%;
  }

  .small-margin-collapse > .medium-3 {
    width: 25%;
  }

  .small-margin-collapse > .medium-4 {
    width: 33.33333%;
  }

  .small-margin-collapse > .medium-5 {
    width: 41.66667%;
  }

  .small-margin-collapse > .medium-6 {
    width: 50%;
  }

  .small-margin-collapse > .medium-7 {
    width: 58.33333%;
  }

  .small-margin-collapse > .medium-8 {
    width: 66.66667%;
  }

  .small-margin-collapse > .medium-9 {
    width: 75%;
  }

  .small-margin-collapse > .medium-10 {
    width: 83.33333%;
  }

  .small-margin-collapse > .medium-11 {
    width: 91.66667%;
  }

  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media print,
screen and (min-width:64em) {
  .small-margin-collapse > .large-1 {
    width: 8.33333%;
  }

  .small-margin-collapse > .large-2 {
    width: 16.66667%;
  }

  .small-margin-collapse > .large-3 {
    width: 25%;
  }

  .small-margin-collapse > .large-4 {
    width: 33.33333%;
  }

  .small-margin-collapse > .large-5 {
    width: 41.66667%;
  }

  .small-margin-collapse > .large-6 {
    width: 50%;
  }

  .small-margin-collapse > .large-7 {
    width: 58.33333%;
  }

  .small-margin-collapse > .large-8 {
    width: 66.66667%;
  }

  .small-margin-collapse > .large-9 {
    width: 75%;
  }

  .small-margin-collapse > .large-10 {
    width: 83.33333%;
  }

  .small-margin-collapse > .large-11 {
    width: 91.66667%;
  }

  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}

.small-padding-collapse {
  margin-left: 0;
  margin-right: 0;
}

.small-padding-collapse > .cell {
  padding-left: 0;
  padding-right: 0;
}

@media print,
screen and (min-width:40em) {

  .medium-margin-collapse,
  .medium-margin-collapse > .cell {
    margin-left: 0;
    margin-right: 0
  }

  .medium-margin-collapse > .small-1 {
    width: 8.33333%;
  }

  .medium-margin-collapse > .small-2 {
    width: 16.66667%;
  }

  .medium-margin-collapse > .small-3 {
    width: 25%;
  }

  .medium-margin-collapse > .small-4 {
    width: 33.33333%;
  }

  .medium-margin-collapse > .small-5 {
    width: 41.66667%;
  }

  .medium-margin-collapse > .small-6 {
    width: 50%;
  }

  .medium-margin-collapse > .small-7 {
    width: 58.33333%;
  }

  .medium-margin-collapse > .small-8 {
    width: 66.66667%;
  }

  .medium-margin-collapse > .small-9 {
    width: 75%;
  }

  .medium-margin-collapse > .small-10 {
    width: 83.33333%;
  }

  .medium-margin-collapse > .small-11 {
    width: 91.66667%;
  }

  .medium-margin-collapse > .small-12 {
    width: 100%;
  }

  .medium-margin-collapse > .medium-1 {
    width: 8.33333%;
  }

  .medium-margin-collapse > .medium-2 {
    width: 16.66667%;
  }

  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }

  .medium-margin-collapse > .medium-4 {
    width: 33.33333%;
  }

  .medium-margin-collapse > .medium-5 {
    width: 41.66667%;
  }

  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }

  .medium-margin-collapse > .medium-7 {
    width: 58.33333%;
  }

  .medium-margin-collapse > .medium-8 {
    width: 66.66667%;
  }

  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }

  .medium-margin-collapse > .medium-10 {
    width: 83.33333%;
  }

  .medium-margin-collapse > .medium-11 {
    width: 91.66667%;
  }

  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media print,
screen and (min-width:64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%;
  }

  .medium-margin-collapse > .large-2 {
    width: 16.66667%;
  }

  .medium-margin-collapse > .large-3 {
    width: 25%;
  }

  .medium-margin-collapse > .large-4 {
    width: 33.33333%;
  }

  .medium-margin-collapse > .large-5 {
    width: 41.66667%;
  }

  .medium-margin-collapse > .large-6 {
    width: 50%;
  }

  .medium-margin-collapse > .large-7 {
    width: 58.33333%;
  }

  .medium-margin-collapse > .large-8 {
    width: 66.66667%;
  }

  .medium-margin-collapse > .large-9 {
    width: 75%;
  }

  .medium-margin-collapse > .large-10 {
    width: 83.33333%;
  }

  .medium-margin-collapse > .large-11 {
    width: 91.66667%;
  }

  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print,
screen and (min-width:40em) {
  .medium-padding-collapse {
    margin-left: 0;
    margin-right: 0
  }

  .medium-padding-collapse > .cell {
    padding-left: 0;
    padding-right: 0
  }
}

@media print,
screen and (min-width:64em) {

  .large-margin-collapse,
  .large-margin-collapse > .cell {
    margin-left: 0;
    margin-right: 0
  }

  .large-margin-collapse > .small-1 {
    width: 8.33333%;
  }

  .large-margin-collapse > .small-2 {
    width: 16.66667%;
  }

  .large-margin-collapse > .small-3 {
    width: 25%;
  }

  .large-margin-collapse > .small-4 {
    width: 33.33333%;
  }

  .large-margin-collapse > .small-5 {
    width: 41.66667%;
  }

  .large-margin-collapse > .small-6 {
    width: 50%;
  }

  .large-margin-collapse > .small-7 {
    width: 58.33333%;
  }

  .large-margin-collapse > .small-8 {
    width: 66.66667%;
  }

  .large-margin-collapse > .small-9 {
    width: 75%;
  }

  .large-margin-collapse > .small-10 {
    width: 83.33333%;
  }

  .large-margin-collapse > .small-11 {
    width: 91.66667%;
  }

  .large-margin-collapse > .small-12 {
    width: 100%;
  }

  .large-margin-collapse > .medium-1 {
    width: 8.33333%;
  }

  .large-margin-collapse > .medium-2 {
    width: 16.66667%;
  }

  .large-margin-collapse > .medium-3 {
    width: 25%;
  }

  .large-margin-collapse > .medium-4 {
    width: 33.33333%;
  }

  .large-margin-collapse > .medium-5 {
    width: 41.66667%;
  }

  .large-margin-collapse > .medium-6 {
    width: 50%;
  }

  .large-margin-collapse > .medium-7 {
    width: 58.33333%;
  }

  .large-margin-collapse > .medium-8 {
    width: 66.66667%;
  }

  .large-margin-collapse > .medium-9 {
    width: 75%;
  }

  .large-margin-collapse > .medium-10 {
    width: 83.33333%;
  }

  .large-margin-collapse > .medium-11 {
    width: 91.66667%;
  }

  .large-margin-collapse > .medium-12 {
    width: 100%;
  }

  .large-margin-collapse > .large-1 {
    width: 8.33333%;
  }

  .large-margin-collapse > .large-2 {
    width: 16.66667%;
  }

  .large-margin-collapse > .large-3 {
    width: 25%;
  }

  .large-margin-collapse > .large-4 {
    width: 33.33333%;
  }

  .large-margin-collapse > .large-5 {
    width: 41.66667%;
  }

  .large-margin-collapse > .large-6 {
    width: 50%;
  }

  .large-margin-collapse > .large-7 {
    width: 58.33333%;
  }

  .large-margin-collapse > .large-8 {
    width: 66.66667%;
  }

  .large-margin-collapse > .large-9 {
    width: 75%;
  }

  .large-margin-collapse > .large-10 {
    width: 83.33333%;
  }

  .large-margin-collapse > .large-11 {
    width: 91.66667%;
  }

  .large-margin-collapse > .large-12 {
    width: 100%;
  }

  .large-padding-collapse {
    margin-left: 0;
    margin-right: 0
  }

  .large-padding-collapse > .cell {
    padding-left: 0;
    padding-right: 0
  }
}

.grid-margin-x > .small-offset-0 {
  margin-left: .625rem;
}

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + .625rem);
}

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + .625rem);
}

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + .625rem);
}

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + .625rem);
}

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + .625rem);
}

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + .625rem);
}

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + .625rem);
}

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + .625rem);
}

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + .625rem);
}

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + .625rem);
}

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + .625rem);
}

@media print,
screen and (min-width:40em) {
  .medium-offset-0 {
    margin-left: 0
  }

  .grid-margin-x > .medium-offset-0 {
    margin-left: .9375rem
  }

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

  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + .9375rem)
  }

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

  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + .9375rem)
  }

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

  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + .9375rem)
  }

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

  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + .9375rem)
  }

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

  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + .9375rem)
  }

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

  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + .9375rem)
  }

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

  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + .9375rem)
  }

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

  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + .9375rem)
  }

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

  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + .9375rem)
  }

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

  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + .9375rem)
  }

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

  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + .9375rem)
  }
}

@media print,
screen and (min-width:64em) {
  .large-offset-0 {
    margin-left: 0
  }

  .grid-margin-x > .large-offset-0 {
    margin-left: .9375rem
  }

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

  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + .9375rem)
  }

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

  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + .9375rem)
  }

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

  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + .9375rem)
  }

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

  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + .9375rem)
  }

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

  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + .9375rem)
  }

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

  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + .9375rem)
  }

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

  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + .9375rem)
  }

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

  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + .9375rem)
  }

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

  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + .9375rem)
  }

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

  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + .9375rem)
  }

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

  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + .9375rem)
  }
}

.grid-y {
  display: flex;
  flex-flow: column nowrap;
}

.grid-y > .cell {
  height: auto;
  max-height: none;
}

.grid-y > .auto,
.grid-y > .shrink {
  height: auto;
}

.grid-y > .small-1,
.grid-y > .small-10,
.grid-y > .small-11,
.grid-y > .small-12,
.grid-y > .small-2,
.grid-y > .small-3,
.grid-y > .small-4,
.grid-y > .small-5,
.grid-y > .small-6,
.grid-y > .small-7,
.grid-y > .small-8,
.grid-y > .small-9,
.grid-y > .small-full,
.grid-y > .small-shrink {
  flex-basis: auto;
}

@media print,
screen and (min-width:40em) {

  .grid-y > .medium-1,
  .grid-y > .medium-10,
  .grid-y > .medium-11,
  .grid-y > .medium-12,
  .grid-y > .medium-2,
  .grid-y > .medium-3,
  .grid-y > .medium-4,
  .grid-y > .medium-5,
  .grid-y > .medium-6,
  .grid-y > .medium-7,
  .grid-y > .medium-8,
  .grid-y > .medium-9,
  .grid-y > .medium-full,
  .grid-y > .medium-shrink {
    flex-basis: auto
  }
}

@media print,
screen and (min-width:64em) {

  .grid-y > .large-1,
  .grid-y > .large-10,
  .grid-y > .large-11,
  .grid-y > .large-12,
  .grid-y > .large-2,
  .grid-y > .large-3,
  .grid-y > .large-4,
  .grid-y > .large-5,
  .grid-y > .large-6,
  .grid-y > .large-7,
  .grid-y > .large-8,
  .grid-y > .large-9,
  .grid-y > .large-full,
  .grid-y > .large-shrink {
    flex-basis: auto
  }
}

.grid-y > .small-1,
.grid-y > .small-10,
.grid-y > .small-11,
.grid-y > .small-12,
.grid-y > .small-2,
.grid-y > .small-3,
.grid-y > .small-4,
.grid-y > .small-5,
.grid-y > .small-6,
.grid-y > .small-7,
.grid-y > .small-8,
.grid-y > .small-9 {
  flex: 0 0 auto;
}

.grid-y > .small-1 {
  height: 8.33333%;
}

.grid-y > .small-2 {
  height: 16.66667%;
}

.grid-y > .small-3 {
  height: 25%;
}

.grid-y > .small-4 {
  height: 33.33333%;
}

.grid-y > .small-5 {
  height: 41.66667%;
}

.grid-y > .small-6 {
  height: 50%;
}

.grid-y > .small-7 {
  height: 58.33333%;
}

.grid-y > .small-8 {
  height: 66.66667%;
}

.grid-y > .small-9 {
  height: 75%;
}

.grid-y > .small-10 {
  height: 83.33333%;
}

.grid-y > .small-11 {
  height: 91.66667%;
}

.grid-y > .small-12 {
  height: 100%;
}

@media print,
screen and (min-width:40em) {
  .grid-y > .medium-auto {
    flex: 1 1;
    height: auto
  }

  .grid-y > .medium-1,
  .grid-y > .medium-10,
  .grid-y > .medium-11,
  .grid-y > .medium-12,
  .grid-y > .medium-2,
  .grid-y > .medium-3,
  .grid-y > .medium-4,
  .grid-y > .medium-5,
  .grid-y > .medium-6,
  .grid-y > .medium-7,
  .grid-y > .medium-8,
  .grid-y > .medium-9,
  .grid-y > .medium-shrink {
    flex: 0 0 auto
  }

  .grid-y > .medium-shrink {
    height: auto
  }

  .grid-y > .medium-1 {
    height: 8.33333%;
  }

  .grid-y > .medium-2 {
    height: 16.66667%;
  }

  .grid-y > .medium-3 {
    height: 25%;
  }

  .grid-y > .medium-4 {
    height: 33.33333%;
  }

  .grid-y > .medium-5 {
    height: 41.66667%;
  }

  .grid-y > .medium-6 {
    height: 50%;
  }

  .grid-y > .medium-7 {
    height: 58.33333%;
  }

  .grid-y > .medium-8 {
    height: 66.66667%;
  }

  .grid-y > .medium-9 {
    height: 75%;
  }

  .grid-y > .medium-10 {
    height: 83.33333%;
  }

  .grid-y > .medium-11 {
    height: 91.66667%;
  }

  .grid-y > .medium-12 {
    height: 100%;
  }
}

@media print,
screen and (min-width:64em) {
  .grid-y > .large-auto {
    flex: 1 1;
    height: auto
  }

  .grid-y > .large-1,
  .grid-y > .large-10,
  .grid-y > .large-11,
  .grid-y > .large-12,
  .grid-y > .large-2,
  .grid-y > .large-3,
  .grid-y > .large-4,
  .grid-y > .large-5,
  .grid-y > .large-6,
  .grid-y > .large-7,
  .grid-y > .large-8,
  .grid-y > .large-9,
  .grid-y > .large-shrink {
    flex: 0 0 auto
  }

  .grid-y > .large-shrink {
    height: auto
  }

  .grid-y > .large-1 {
    height: 8.33333%;
  }

  .grid-y > .large-2 {
    height: 16.66667%;
  }

  .grid-y > .large-3 {
    height: 25%;
  }

  .grid-y > .large-4 {
    height: 33.33333%;
  }

  .grid-y > .large-5 {
    height: 41.66667%;
  }

  .grid-y > .large-6 {
    height: 50%;
  }

  .grid-y > .large-7 {
    height: 58.33333%;
  }

  .grid-y > .large-8 {
    height: 66.66667%;
  }

  .grid-y > .large-9 {
    height: 75%;
  }

  .grid-y > .large-10 {
    height: 83.33333%;
  }

  .grid-y > .large-11 {
    height: 91.66667%;
  }

  .grid-y > .large-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-bottom: -.625rem;
  margin-top: -.625rem;
}

@media print,
screen and (min-width:40em) {
  .grid-padding-y .grid-padding-y {
    margin-bottom: -.9375rem;
    margin-top: -.9375rem
  }
}

.grid-padding-y > .cell {
  padding-bottom: .625rem;
  padding-top: .625rem;
}

@media print,
screen and (min-width:40em) {
  .grid-padding-y > .cell {
    padding-bottom: .9375rem;
    padding-top: .9375rem
  }
}

.grid-frame {
  align-items: stretch;
  flex-wrap: nowrap;
  overflow: hidden;
  position: relative;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  max-width: 100%;
  overflow-x: auto;
}

.cell-block,
.cell-block-y {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
  max-height: 100%;
  min-height: 100%;
  overflow-y: auto;
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.cell-block-container > .grid-x {
  flex-wrap: nowrap;
  max-height: 100%;
}

@media print,
screen and (min-width:40em) {
  .medium-grid-frame {
    align-items: stretch;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
    width: 100vw
  }

  .cell .medium-grid-frame {
    width: 100%;
  }

  .medium-cell-block {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }

  .medium-cell-block-container > .grid-x {
    flex-wrap: nowrap;
    max-height: 100%;
  }

  .medium-cell-block-y {
    max-height: 100%;
    min-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}

@media print,
screen and (min-width:64em) {
  .large-grid-frame {
    align-items: stretch;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
    width: 100vw
  }

  .cell .large-grid-frame {
    width: 100%;
  }

  .large-cell-block {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }

  .large-cell-block-container > .grid-x {
    flex-wrap: nowrap;
    max-height: 100%;
  }

  .large-cell-block-y {
    max-height: 100%;
    min-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}

.grid-y.grid-frame {
  align-items: stretch;
  flex-wrap: nowrap;
  height: 100vh;
  overflow: hidden;
  position: relative;
  width: auto;
}

@media print,
screen and (min-width:40em) {
  .grid-y.medium-grid-frame {
    align-items: stretch;
    flex-wrap: nowrap;
    height: 100vh;
    overflow: hidden;
    position: relative;
    width: auto
  }
}

@media print,
screen and (min-width:64em) {
  .grid-y.large-grid-frame {
    align-items: stretch;
    flex-wrap: nowrap;
    height: 100vh;
    overflow: hidden;
    position: relative;
    width: auto
  }
}

.cell .grid-y.grid-frame {
  height: 100%;
}

@media print,
screen and (min-width:40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}

@media print,
screen and (min-width:64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}

.grid-margin-y {
  margin-bottom: -.625rem;
  margin-top: -.625rem;
}

@media print,
screen and (min-width:40em) {
  .grid-margin-y {
    margin-bottom: -.9375rem;
    margin-top: -.9375rem
  }
}

.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-bottom: .625rem;
  margin-top: .625rem;
}

@media print,
screen and (min-width:40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-bottom: .9375rem;
    margin-top: .9375rem
  }
}

.grid-margin-y > .auto,
.grid-margin-y > .shrink {
  height: auto;
}

.grid-margin-y > .small-1 {
  height: calc(8.33333% - 1.25rem);
}

.grid-margin-y > .small-2 {
  height: calc(16.66667% - 1.25rem);
}

.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}

.grid-margin-y > .small-4 {
  height: calc(33.33333% - 1.25rem);
}

.grid-margin-y > .small-5 {
  height: calc(41.66667% - 1.25rem);
}

.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}

.grid-margin-y > .small-7 {
  height: calc(58.33333% - 1.25rem);
}

.grid-margin-y > .small-8 {
  height: calc(66.66667% - 1.25rem);
}

.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}

.grid-margin-y > .small-10 {
  height: calc(83.33333% - 1.25rem);
}

.grid-margin-y > .small-11 {
  height: calc(91.66667% - 1.25rem);
}

.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}

@media print,
screen and (min-width:40em) {

  .grid-margin-y > .auto,
  .grid-margin-y > .shrink {
    height: auto
  }

  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem)
  }

  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem)
  }

  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem)
  }

  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem)
  }

  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem)
  }

  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem)
  }

  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem)
  }

  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem)
  }

  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem)
  }

  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem)
  }

  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem)
  }

  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem)
  }

  .grid-margin-y > .medium-auto,
  .grid-margin-y > .medium-shrink {
    height: auto
  }

  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem)
  }

  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem)
  }

  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem)
  }

  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem)
  }

  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem)
  }

  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem)
  }

  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem)
  }

  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem)
  }

  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem)
  }

  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem)
  }

  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem)
  }

  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem)
  }
}

@media print,
screen and (min-width:64em) {

  .grid-margin-y > .large-auto,
  .grid-margin-y > .large-shrink {
    height: auto
  }

  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem)
  }

  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem)
  }

  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem)
  }

  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem)
  }

  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem)
  }

  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem)
  }

  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem)
  }

  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem)
  }

  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem)
  }

  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem)
  }

  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem)
  }

  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem)
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem);
}

@media print,
screen and (min-width:40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem)
  }
}

@media print,
screen and (min-width:64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem)
  }
}

@media print,
screen and (min-width:40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem)
  }
}

@media print,
screen and (min-width:64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem)
  }
}

.button {
  font-size: .9rem;
}

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

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

.button:focus,
.button:hover {
  background-color: #14679e;
  color: #fefefe;
}

.button.primary,
.button.primary.disabled,
.button.primary.disabled:focus,
.button.primary.disabled:hover,
.button.primary[disabled],
.button.primary[disabled]:focus,
.button.primary[disabled]:hover {
  background-color: #1779ba;
  color: #fefefe;
}

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

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

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

.button.success,
.button.success.disabled,
.button.success.disabled:focus,
.button.success.disabled:hover,
.button.success[disabled],
.button.success[disabled]:focus,
.button.success[disabled]:hover {
  background-color: #3adb76;
  color: #0a0a0a;
}

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

.button.warning,
.button.warning.disabled,
.button.warning.disabled:focus,
.button.warning.disabled:hover,
.button.warning[disabled],
.button.warning[disabled]:focus,
.button.warning[disabled]:hover {
  background-color: #ffae00;
  color: #0a0a0a;
}

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

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

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

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

.button.hollow,
.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
  border: 1px solid #1779ba;
  color: #1779ba;
}

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

.button.hollow.primary,
.button.hollow.primary.disabled,
.button.hollow.primary.disabled:focus,
.button.hollow.primary.disabled:hover,
.button.hollow.primary[disabled],
.button.hollow.primary[disabled]:focus,
.button.hollow.primary[disabled]:hover {
  border: 1px solid #1779ba;
  color: #1779ba;
}

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

.button.hollow.secondary,
.button.hollow.secondary.disabled,
.button.hollow.secondary.disabled:focus,
.button.hollow.secondary.disabled:hover,
.button.hollow.secondary[disabled],
.button.hollow.secondary[disabled]:focus,
.button.hollow.secondary[disabled]:hover {
  border: 1px solid #767676;
  color: #767676;
}

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

.button.hollow.success,
.button.hollow.success.disabled,
.button.hollow.success.disabled:focus,
.button.hollow.success.disabled:hover,
.button.hollow.success[disabled],
.button.hollow.success[disabled]:focus,
.button.hollow.success[disabled]:hover {
  border: 1px solid #3adb76;
  color: #3adb76;
}

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

.button.hollow.warning,
.button.hollow.warning.disabled,
.button.hollow.warning.disabled:focus,
.button.hollow.warning.disabled:hover,
.button.hollow.warning[disabled],
.button.hollow.warning[disabled]:focus,
.button.hollow.warning[disabled]:hover {
  border: 1px solid #ffae00;
  color: #ffae00;
}

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

.button.hollow.alert,
.button.hollow.alert.disabled,
.button.hollow.alert.disabled:focus,
.button.hollow.alert.disabled:hover,
.button.hollow.alert[disabled],
.button.hollow.alert[disabled]:focus,
.button.hollow.alert[disabled]:hover {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.hollow.alert:focus,
.button.hollow.alert:hover {
  border-color: #67251a;
  color: #67251a;
}

.button.clear,
.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear:focus,
.button.clear:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
  background-color: transparent;
  border-color: transparent;
}

.button.clear,
.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
  color: #1779ba;
}

.button.clear:focus,
.button.clear:hover {
  color: #0c3d5d;
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary.disabled:focus,
.button.clear.primary.disabled:hover,
.button.clear.primary[disabled],
.button.clear.primary[disabled]:focus,
.button.clear.primary[disabled]:hover {
  color: #1779ba;
}

.button.clear.primary:focus,
.button.clear.primary:hover {
  color: #0c3d5d;
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary.disabled:focus,
.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled],
.button.clear.secondary[disabled]:focus,
.button.clear.secondary[disabled]:hover {
  color: #767676;
}

.button.clear.secondary:focus,
.button.clear.secondary:hover {
  color: #3b3b3b;
}

.button.clear.success,
.button.clear.success.disabled,
.button.clear.success.disabled:focus,
.button.clear.success.disabled:hover,
.button.clear.success[disabled],
.button.clear.success[disabled]:focus,
.button.clear.success[disabled]:hover {
  color: #3adb76;
}

.button.clear.success:focus,
.button.clear.success:hover {
  color: #157539;
}

.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning.disabled:focus,
.button.clear.warning.disabled:hover,
.button.clear.warning[disabled],
.button.clear.warning[disabled]:focus,
.button.clear.warning[disabled]:hover {
  color: #ffae00;
}

.button.clear.warning:focus,
.button.clear.warning:hover {
  color: #805700;
}

.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert.disabled:focus,
.button.clear.alert.disabled:hover,
.button.clear.alert[disabled],
.button.clear.alert[disabled]:focus,
.button.clear.alert[disabled]:hover {
  color: #cc4b37;
}

.button.clear.alert:focus,
.button.clear.alert:hover {
  color: #67251a;
}

.button.dropdown.clear.primary:after,
.button.dropdown.clear:after,
.button.dropdown.hollow.primary:after,
.button.dropdown.hollow:after {
  border-top-color: #1779ba;
}

.button.dropdown.clear.secondary:after,
.button.dropdown.hollow.secondary:after {
  border-top-color: #767676;
}

.button.dropdown.clear.success:after,
.button.dropdown.hollow.success:after {
  border-top-color: #3adb76;
}

.button.dropdown.clear.warning:after,
.button.dropdown.hollow.warning:after {
  border-top-color: #ffae00;
}

.button.dropdown.clear.alert:after,
.button.dropdown.hollow.alert:after {
  border-top-color: #cc4b37;
}

.button-group {
  flex-grow: 1;
  flex-wrap: wrap;
}

.button-group:after,
.button-group:before {
  display: none;
}

.button-group .button {
  font-size: .9rem;
}

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

.button-group.expanded .button {
  margin-right: 0;
}

.button-group.primary .button,
.button-group.primary .button.disabled,
.button-group.primary .button.disabled:focus,
.button-group.primary .button.disabled:hover,
.button-group.primary .button[disabled],
.button-group.primary .button[disabled]:focus,
.button-group.primary .button[disabled]:hover {
  background-color: #1779ba;
  color: #fefefe;
}

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

.button-group.secondary .button,
.button-group.secondary .button.disabled,
.button-group.secondary .button.disabled:focus,
.button-group.secondary .button.disabled:hover,
.button-group.secondary .button[disabled],
.button-group.secondary .button[disabled]:focus,
.button-group.secondary .button[disabled]:hover {
  background-color: #767676;
  color: #fefefe;
}

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

.button-group.success .button,
.button-group.success .button.disabled,
.button-group.success .button.disabled:focus,
.button-group.success .button.disabled:hover,
.button-group.success .button[disabled],
.button-group.success .button[disabled]:focus,
.button-group.success .button[disabled]:hover {
  background-color: #3adb76;
  color: #0a0a0a;
}

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

.button-group.warning .button,
.button-group.warning .button.disabled,
.button-group.warning .button.disabled:focus,
.button-group.warning .button.disabled:hover,
.button-group.warning .button[disabled],
.button-group.warning .button[disabled]:focus,
.button-group.warning .button[disabled]:hover {
  background-color: #ffae00;
  color: #0a0a0a;
}

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

.button-group.alert .button,
.button-group.alert .button.disabled,
.button-group.alert .button.disabled:focus,
.button-group.alert .button.disabled:hover,
.button-group.alert .button[disabled],
.button-group.alert .button[disabled]:focus,
.button-group.alert .button[disabled]:hover {
  background-color: #cc4b37;
  color: #fefefe;
}

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

.button-group.hollow .button,
.button-group.hollow .button.disabled,
.button-group.hollow .button.disabled:focus,
.button-group.hollow .button.disabled:hover,
.button-group.hollow .button:focus,
.button-group.hollow .button:hover,
.button-group.hollow .button[disabled],
.button-group.hollow .button[disabled]:focus,
.button-group.hollow .button[disabled]:hover {
  background-color: transparent;
}

.button-group.hollow .button,
.button-group.hollow .button.disabled,
.button-group.hollow .button.disabled:focus,
.button-group.hollow .button.disabled:hover,
.button-group.hollow .button[disabled],
.button-group.hollow .button[disabled]:focus,
.button-group.hollow .button[disabled]:hover {
  border: 1px solid #1779ba;
  color: #1779ba;
}

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

.button-group.hollow .button.primary,
.button-group.hollow .button.primary.disabled,
.button-group.hollow .button.primary.disabled:focus,
.button-group.hollow .button.primary.disabled:hover,
.button-group.hollow .button.primary[disabled],
.button-group.hollow .button.primary[disabled]:focus,
.button-group.hollow .button.primary[disabled]:hover,
.button-group.hollow.primary .button,
.button-group.hollow.primary .button.disabled,
.button-group.hollow.primary .button.disabled:focus,
.button-group.hollow.primary .button.disabled:hover,
.button-group.hollow.primary .button[disabled],
.button-group.hollow.primary .button[disabled]:focus,
.button-group.hollow.primary .button[disabled]:hover {
  border: 1px solid #1779ba;
  color: #1779ba;
}

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

.button-group.hollow .button.secondary,
.button-group.hollow .button.secondary.disabled,
.button-group.hollow .button.secondary.disabled:focus,
.button-group.hollow .button.secondary.disabled:hover,
.button-group.hollow .button.secondary[disabled],
.button-group.hollow .button.secondary[disabled]:focus,
.button-group.hollow .button.secondary[disabled]:hover,
.button-group.hollow.secondary .button,
.button-group.hollow.secondary .button.disabled,
.button-group.hollow.secondary .button.disabled:focus,
.button-group.hollow.secondary .button.disabled:hover,
.button-group.hollow.secondary .button[disabled],
.button-group.hollow.secondary .button[disabled]:focus,
.button-group.hollow.secondary .button[disabled]:hover {
  border: 1px solid #767676;
  color: #767676;
}

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

.button-group.hollow .button.success,
.button-group.hollow .button.success.disabled,
.button-group.hollow .button.success.disabled:focus,
.button-group.hollow .button.success.disabled:hover,
.button-group.hollow .button.success[disabled],
.button-group.hollow .button.success[disabled]:focus,
.button-group.hollow .button.success[disabled]:hover,
.button-group.hollow.success .button,
.button-group.hollow.success .button.disabled,
.button-group.hollow.success .button.disabled:focus,
.button-group.hollow.success .button.disabled:hover,
.button-group.hollow.success .button[disabled],
.button-group.hollow.success .button[disabled]:focus,
.button-group.hollow.success .button[disabled]:hover {
  border: 1px solid #3adb76;
  color: #3adb76;
}

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

.button-group.hollow .button.warning,
.button-group.hollow .button.warning.disabled,
.button-group.hollow .button.warning.disabled:focus,
.button-group.hollow .button.warning.disabled:hover,
.button-group.hollow .button.warning[disabled],
.button-group.hollow .button.warning[disabled]:focus,
.button-group.hollow .button.warning[disabled]:hover,
.button-group.hollow.warning .button,
.button-group.hollow.warning .button.disabled,
.button-group.hollow.warning .button.disabled:focus,
.button-group.hollow.warning .button.disabled:hover,
.button-group.hollow.warning .button[disabled],
.button-group.hollow.warning .button[disabled]:focus,
.button-group.hollow.warning .button[disabled]:hover {
  border: 1px solid #ffae00;
  color: #ffae00;
}

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

.button-group.hollow .button.alert,
.button-group.hollow .button.alert.disabled,
.button-group.hollow .button.alert.disabled:focus,
.button-group.hollow .button.alert.disabled:hover,
.button-group.hollow .button.alert[disabled],
.button-group.hollow .button.alert[disabled]:focus,
.button-group.hollow .button.alert[disabled]:hover,
.button-group.hollow.alert .button,
.button-group.hollow.alert .button.disabled,
.button-group.hollow.alert .button.disabled:focus,
.button-group.hollow.alert .button.disabled:hover,
.button-group.hollow.alert .button[disabled],
.button-group.hollow.alert .button[disabled]:focus,
.button-group.hollow.alert .button[disabled]:hover {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button-group.hollow .button.alert:focus,
.button-group.hollow .button.alert:hover,
.button-group.hollow.alert .button:focus,
.button-group.hollow.alert .button:hover {
  border-color: #67251a;
  color: #67251a;
}

.button-group.clear .button,
.button-group.clear .button.disabled,
.button-group.clear .button.disabled:focus,
.button-group.clear .button.disabled:hover,
.button-group.clear .button:focus,
.button-group.clear .button:hover,
.button-group.clear .button[disabled],
.button-group.clear .button[disabled]:focus,
.button-group.clear .button[disabled]:hover {
  background-color: transparent;
  border-color: transparent;
}

.button-group.clear .button,
.button-group.clear .button.disabled,
.button-group.clear .button.disabled:focus,
.button-group.clear .button.disabled:hover,
.button-group.clear .button[disabled],
.button-group.clear .button[disabled]:focus,
.button-group.clear .button[disabled]:hover {
  color: #1779ba;
}

.button-group.clear .button:focus,
.button-group.clear .button:hover {
  color: #0c3d5d;
}

.button-group.clear .button.primary,
.button-group.clear .button.primary.disabled,
.button-group.clear .button.primary.disabled:focus,
.button-group.clear .button.primary.disabled:hover,
.button-group.clear .button.primary[disabled],
.button-group.clear .button.primary[disabled]:focus,
.button-group.clear .button.primary[disabled]:hover,
.button-group.clear.primary .button,
.button-group.clear.primary .button.disabled,
.button-group.clear.primary .button.disabled:focus,
.button-group.clear.primary .button.disabled:hover,
.button-group.clear.primary .button[disabled],
.button-group.clear.primary .button[disabled]:focus,
.button-group.clear.primary .button[disabled]:hover {
  color: #1779ba;
}

.button-group.clear .button.primary:focus,
.button-group.clear .button.primary:hover,
.button-group.clear.primary .button:focus,
.button-group.clear.primary .button:hover {
  color: #0c3d5d;
}

.button-group.clear .button.secondary,
.button-group.clear .button.secondary.disabled,
.button-group.clear .button.secondary.disabled:focus,
.button-group.clear .button.secondary.disabled:hover,
.button-group.clear .button.secondary[disabled],
.button-group.clear .button.secondary[disabled]:focus,
.button-group.clear .button.secondary[disabled]:hover,
.button-group.clear.secondary .button,
.button-group.clear.secondary .button.disabled,
.button-group.clear.secondary .button.disabled:focus,
.button-group.clear.secondary .button.disabled:hover,
.button-group.clear.secondary .button[disabled],
.button-group.clear.secondary .button[disabled]:focus,
.button-group.clear.secondary .button[disabled]:hover {
  color: #767676;
}

.button-group.clear .button.secondary:focus,
.button-group.clear .button.secondary:hover,
.button-group.clear.secondary .button:focus,
.button-group.clear.secondary .button:hover {
  color: #3b3b3b;
}

.button-group.clear .button.success,
.button-group.clear .button.success.disabled,
.button-group.clear .button.success.disabled:focus,
.button-group.clear .button.success.disabled:hover,
.button-group.clear .button.success[disabled],
.button-group.clear .button.success[disabled]:focus,
.button-group.clear .button.success[disabled]:hover,
.button-group.clear.success .button,
.button-group.clear.success .button.disabled,
.button-group.clear.success .button.disabled:focus,
.button-group.clear.success .button.disabled:hover,
.button-group.clear.success .button[disabled],
.button-group.clear.success .button[disabled]:focus,
.button-group.clear.success .button[disabled]:hover {
  color: #3adb76;
}

.button-group.clear .button.success:focus,
.button-group.clear .button.success:hover,
.button-group.clear.success .button:focus,
.button-group.clear.success .button:hover {
  color: #157539;
}

.button-group.clear .button.warning,
.button-group.clear .button.warning.disabled,
.button-group.clear .button.warning.disabled:focus,
.button-group.clear .button.warning.disabled:hover,
.button-group.clear .button.warning[disabled],
.button-group.clear .button.warning[disabled]:focus,
.button-group.clear .button.warning[disabled]:hover,
.button-group.clear.warning .button,
.button-group.clear.warning .button.disabled,
.button-group.clear.warning .button.disabled:focus,
.button-group.clear.warning .button.disabled:hover,
.button-group.clear.warning .button[disabled],
.button-group.clear.warning .button[disabled]:focus,
.button-group.clear.warning .button[disabled]:hover {
  color: #ffae00;
}

.button-group.clear .button.warning:focus,
.button-group.clear .button.warning:hover,
.button-group.clear.warning .button:focus,
.button-group.clear.warning .button:hover {
  color: #805700;
}

.button-group.clear .button.alert,
.button-group.clear .button.alert.disabled,
.button-group.clear .button.alert.disabled:focus,
.button-group.clear .button.alert.disabled:hover,
.button-group.clear .button.alert[disabled],
.button-group.clear .button.alert[disabled]:focus,
.button-group.clear .button.alert[disabled]:hover,
.button-group.clear.alert .button,
.button-group.clear.alert .button.disabled,
.button-group.clear.alert .button.disabled:focus,
.button-group.clear.alert .button.disabled:hover,
.button-group.clear.alert .button[disabled],
.button-group.clear.alert .button[disabled]:focus,
.button-group.clear.alert .button[disabled]:hover {
  color: #cc4b37;
}

.button-group.clear .button.alert:focus,
.button-group.clear .button.alert:hover,
.button-group.clear.alert .button:focus,
.button-group.clear.alert .button:hover {
  color: #67251a;
}

.button-group.no-gaps .button {
  margin-right: -.0625rem;
}

.button-group.no-gaps .button + .button {
  border-left-color: transparent;
}

.button-group.stacked-for-medium.expanded .button,
.button-group.stacked-for-small.expanded .button,
.button-group.stacked.expanded .button {
  flex: 1 1;
  margin-right: 0;
}

@media print,
screen and (min-width:40em) {
  .button-group.stacked-for-small .button {
    flex: 0 0 auto;
    margin-bottom: 0
  }
}

@media print,
screen and (min-width:64em) {
  .button-group.stacked-for-medium .button {
    flex: 0 0 auto;
    margin-bottom: 0
  }
}

@media print,
screen and (max-width:39.99875em) {
  .button-group.stacked-for-small.expanded {
    display: block
  }

  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0
  }
}

@media print,
screen and (max-width:63.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block
  }

  .button-group.stacked-for-medium.expanded .button {
    display: block;
    margin-right: 0
  }
}

.close-button {
  color: #8a8a8a;
  cursor: pointer;
  position: absolute;
  z-index: 10;
}

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

.close-button:focus,
.close-button:hover {
  color: #0a0a0a;
}

.close-button.small {
  font-size: 1.5em;
  line-height: 1;
  right: .66rem;
  top: .33em;
}

.close-button,
.close-button.medium {
  font-size: 2em;
  line-height: 1;
  right: 1rem;
  top: .5rem;
}

.label {
  background: #1779ba;
  font-size: .8rem;
}

.label.primary {
  background: #1779ba;
  color: #fefefe;
}

.label.secondary {
  background: #767676;
  color: #fefefe;
}

.label.success {
  background: #3adb76;
}

.label.warning {
  background: #ffae00;
}

.label.alert {
  background: #cc4b37;
  color: #fefefe;
}



.logo {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  margin: .67em 0;
}

figcaption,
figure {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  overflow: visible;
}

main {
  display: block;
}

pre {
  font-family: monospace, monospace;
  font-size: 16px;
  font-size: 1rem;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 16px;
  font-size: 1rem;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.15;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

input {
  overflow: visible;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

details {
  display: block;
}

summary {
  display: list-item;
}

menu {
  display: block;
}

canvas {
  display: inline-block;
}

[hidden],
template {
  display: none;
}

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

html {
  box-sizing: border-box;
}

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

body {
  background: #fafafa;
  color: #0a0a0a;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

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

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

.row {
  display: flex;
  flex-flow: row wrap;
  margin-left: auto;
  margin-right: auto;
  max-width: 75rem;
  max-width: 80rem;
}

.row .row {
  margin-left: -.625rem;
  margin-right: -.625rem;
}

@media print,
screen and (min-width:640px) {
  .row .row {
    margin-left: -.625rem;
    margin-right: -.625rem
  }
}

@media print,
screen and (min-width:1024px) {
  .row .row {
    margin-left: -.625rem;
    margin-right: -.625rem
  }
}

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

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

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

.row:not(.expanded) .row {
  max-width: none;
}

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

.row.collapse > .column > .row,
.row.collapse > .columns > .row,
.row.is-collapse-child {
  margin-left: 0;
  margin-right: 0;
}

.column,
.columns {
  flex: 1 1;
  min-width: 0;
  padding-left: .625rem;
  padding-right: .625rem;
}

@media print,
screen and (min-width:640px) {

  .column,
  .columns {
    padding-left: .625rem;
    padding-right: .625rem
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print,
screen and (min-width:640px) {
  .medium-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .medium-offset-0 {
    margin-left: 0
  }

  .medium-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

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

  .medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

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

  .medium-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

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

  .medium-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

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

  .medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

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

  .medium-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

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

  .medium-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

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

  .medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

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

  .medium-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

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

  .medium-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

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

  .medium-12 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

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

  .medium-up-1 {
    flex-wrap: wrap
  }

  .medium-up-1 > .column,
  .medium-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .medium-up-2 {
    flex-wrap: wrap
  }

  .medium-up-2 > .column,
  .medium-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .medium-up-3 {
    flex-wrap: wrap
  }

  .medium-up-3 > .column,
  .medium-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .medium-up-4 {
    flex-wrap: wrap
  }

  .medium-up-4 > .column,
  .medium-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .medium-up-5 {
    flex-wrap: wrap
  }

  .medium-up-5 > .column,
  .medium-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .medium-up-6 {
    flex-wrap: wrap
  }

  .medium-up-6 > .column,
  .medium-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .medium-up-7 {
    flex-wrap: wrap
  }

  .medium-up-7 > .column,
  .medium-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }

  .medium-up-8 {
    flex-wrap: wrap
  }

  .medium-up-8 > .column,
  .medium-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media print,
screen and (min-width:640px) and (min-width:40em) {
  .medium-expand {
    flex: 1 1
  }
}

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

@media print,
screen and (min-width:640px) {

  .row.medium-unstack > .column,
  .row.medium-unstack > .columns {
    flex: 1 1
  }

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

  .medium-uncollapse > .column,
  .medium-uncollapse > .columns {
    padding-left: .9375rem;
    padding-right: .9375rem
  }
}

@media print,
screen and (min-width:1024px) {
  .large-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .large-offset-0 {
    margin-left: 0
  }

  .large-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

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

  .large-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

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

  .large-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

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

  .large-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

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

  .large-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

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

  .large-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

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

  .large-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

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

  .large-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: 20px;
  }

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

  .large-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

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

  .large-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

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

  .large-12 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

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

  .large-up-1 {
    flex-wrap: wrap
  }

  .large-up-1 > .column,
  .large-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .large-up-2 {
    flex-wrap: wrap
  }

  .large-up-2 > .column,
  .large-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .large-up-3 {
    flex-wrap: wrap
  }

  .large-up-3 > .column,
  .large-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .large-up-4 {
    flex-wrap: wrap
  }

  .large-up-4 > .column,
  .large-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .large-up-5 {
    flex-wrap: wrap
  }

  .large-up-5 > .column,
  .large-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .large-up-6 {
    flex-wrap: wrap
  }

  .large-up-6 > .column,
  .large-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .large-up-7 {
    flex-wrap: wrap
  }

  .large-up-7 > .column,
  .large-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }

  .large-up-8 {
    flex-wrap: wrap
  }

  .large-up-8 > .column,
  .large-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media print,
screen and (min-width:1024px) and (min-width:64em) {
  .large-expand {
    flex: 1 1
  }
}

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

@media print,
screen and (min-width:1024px) {

  .row.large-unstack > .column,
  .row.large-unstack > .columns {
    flex: 1 1
  }

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

  .large-uncollapse > .column,
  .large-uncollapse > .columns {
    padding-left: .9375rem;
    padding-right: .9375rem
  }
}

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

.column-block {
  margin-bottom: 1.25rem;
}

.column-block > :last-child {
  margin-bottom: 0;
}

@media print,
screen and (min-width:640px) {
  .column-block {
    margin-bottom: 1.875rem
  }

  .column-block > :last-child {
    margin-bottom: 0
  }
}

.align-left {
  justify-content: flex-start;
}

.align-right {
  justify-content: flex-end;
}

.align-center {
  justify-content: center;
}

.align-justify {
  justify-content: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-left.vertical.menu > li > a {
  justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

.align-top {
  align-items: flex-start;
}

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

.align-bottom {
  align-items: flex-end;
}

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

.align-middle {
  align-items: center;
}

.align-self-middle {
  -ms-grid-row-align: center;
  align-self: center;
}

.align-stretch {
  align-items: stretch;
}

.align-self-stretch {
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.align-center-middle {
  align-content: center;
  align-items: center;
  justify-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print,
screen and (min-width:640px) {
  .medium-order-1 {
    order: 1
  }

  .medium-order-2 {
    order: 2
  }

  .medium-order-3 {
    order: 3
  }

  .medium-order-4 {
    order: 4
  }

  .medium-order-5 {
    order: 5
  }

  .medium-order-6 {
    order: 6
  }
}

@media print,
screen and (min-width:1024px) {
  .large-order-1 {
    order: 1
  }

  .large-order-2 {
    order: 2
  }

  .large-order-3 {
    order: 3
  }

  .large-order-4 {
    order: 4
  }

  .large-order-5 {
    order: 5
  }

  .large-order-6 {
    order: 6
  }
}

.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

.flex-dir-row {
  flex-direction: row;
}

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media print,
screen and (min-width:640px) {
  .medium-flex-container {
    display: flex
  }

  .medium-flex-child-auto {
    flex: 1 1 auto
  }

  .medium-flex-child-grow {
    flex: 1 0 auto
  }

  .medium-flex-child-shrink {
    flex: 0 1 auto
  }

  .medium-flex-dir-row {
    flex-direction: row
  }

  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse
  }

  .medium-flex-dir-column {
    flex-direction: column
  }

  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse
  }
}

@media print,
screen and (min-width:1024px) {
  .large-flex-container {
    display: flex
  }

  .large-flex-child-auto {
    flex: 1 1 auto
  }

  .large-flex-child-grow {
    flex: 1 0 auto
  }

  .large-flex-child-shrink {
    flex: 0 1 auto
  }

  .large-flex-dir-row {
    flex-direction: row
  }

  .large-flex-dir-row-reverse {
    flex-direction: row-reverse
  }

  .large-flex-dir-column {
    flex-direction: column
  }

  .large-flex-dir-column-reverse {
    flex-direction: column-reverse
  }
}

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

p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
}

b,
em,
i,
strong {
  line-height: inherit;
}

b,
strong {
  font-weight: 700;
}

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Segoe UI, Helvetica Neue, HelveticaNeue, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #cacaca;
  line-height: 0;
}

.h1,
h1 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
  margin-bottom: .5rem;
  margin-top: 0;
}

.h2,
.h3,
h2,
h3 {
  font-size: 20px;
  font-size: 1.25rem;
}

.h2,
.h3,
.h4,
h2,
h3,
h4 {
  line-height: 1.4;
  margin-bottom: .5rem;
  margin-top: 0;
}

.h4,
h4 {
  font-size: 18px;
  font-size: 1.125rem;
}

.h5,
.h6,
h5,
h6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: .5rem;
  margin-top: 0;
}

@media print,
screen and (min-width:640px) {

  .h1,
  h1 {
    font-size: 48px;
    font-size: 3rem
  }

  .h2,
  h2 {
    font-size: 32px;
    font-size: 2rem
  }

  .h3,
  h3 {
    font-size: 28px;
    font-size: 1.75rem
  }

  .h4,
  h4 {
    font-size: 24px;
    font-size: 1.5rem
  }

  .h5,
  h5 {
    font-size: 20px;
    font-size: 1.25rem
  }

  .h6,
  h6 {
    font-size: 16px;
    font-size: 1rem
  }
}

a {
  color: #338fc7;
}

a:focus,
a:hover {
  color: #2c7bab;
}

a img,
hr {
  border: 0;
}

hr {
  border-bottom: 1px solid #cacaca;
  clear: both;
  height: 0;
  margin: 1.25rem auto;
  max-width: 75rem;
}

dl,
ol,
ul {
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1rem;
}

li {
  font-size: inherit;
}

ul {
  list-style-type: disc;
}

ol,
ul {
  margin-left: 1.25rem;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
  margin-left: 1.25rem;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  font-weight: 700;
  margin-bottom: .3rem;
}

blockquote {
  border-left: 1px solid #cacaca;
  margin: 0 0 1rem;
  padding: .5625rem 1.25rem 0 1.1875rem;
}

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

cite {
  color: #555;
  display: block;
  font-size: 12px;
  font-size: .75rem;
}

cite:before {
  content: "— ";
}

abbr,
abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

code {
  border: 1px solid #cacaca;
  font-weight: 400;
  padding: .125rem .3125rem .0625rem;
}

code,
kbd {
  background-color: #e8e8e8;
  color: #0a0a0a;
  font-family: Consolas, Liberation Mono, Courier, monospace;
}

kbd {
  margin: 0;
  padding: .125rem .25rem 0;
}

.subheader {
  color: #555;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: .5rem;
  margin-top: .2rem;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1;
}

p + .stat {
  margin-top: -1rem;
}

ol.no-bullet,
ul.no-bullet {
  list-style: none;
  margin-left: 0;
}

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

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

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

@media print,
screen and (min-width:640px) {
  .medium-text-left {
    text-align: left
  }

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

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

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

@media print,
screen and (min-width:1024px) {
  .large-text-left {
    text-align: left
  }

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

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

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

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

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }

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

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

  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,
  th.show-for-print {
    display: table-cell !important;
  }

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

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

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

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

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

  thead {
    display: table-header-group
  }

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

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

  @page {
    margin: .5cm
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }

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

  .print-break-inside {
    page-break-inside: auto
  }
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fefefe;
  border: 1px solid #cacaca;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
  box-sizing: border-box;
  color: #0a0a0a;
  display: block;
  font-family: inherit;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  height: 2.5375rem;
  line-height: 1.6;
  margin: 0 0 1rem;
  padding: .5rem;
  transition: box-shadow .5s, border-color .25s ease-in-out;
  width: 100%;
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
  background-color: #fefefe;
  border: 1px solid #555;
  box-shadow: 0 0 5px #cacaca;
  outline: none;
  transition: box-shadow .5s, border-color .25s ease-in-out;
}

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cacaca;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cacaca;
}

input::placeholder,
textarea::placeholder {
  color: #cacaca;
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e8e8e8;
  cursor: not-allowed;
}

[type=button],
[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=search] {
  box-sizing: border-box;
}

[type=checkbox],
[type=file],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  margin-bottom: 0;
  margin-left: .5rem;
  margin-right: 1rem;
  vertical-align: baseline;
}

[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: .5rem;
}

[type=file] {
  width: 100%;
}

label {
  color: #0a0a0a;
  display: block;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.8;
  margin: 0;
}

label.middle {
  margin: 0 0 1rem;
  padding: .5625rem 0;
}

.help-text {
  color: #0a0a0a;
  font-size: 12px;
  font-size: .75rem;
  font-style: italic;
  margin-top: -.5rem;
}

.slow {
  transition-duration: .75s !important;
}

.fast {
  transition-duration: .25s !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.ease-in {
  transition-timing-function: ease-in !important;
}

.ease-out {
  transition-timing-function: ease-out !important;
}

.ease-in-out {
  transition-timing-function: ease-in-out !important;
}

.bounce-in {
  transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
}

.bounce-out {
  transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
}

.short-delay {
  transition-delay: .3s !important;
}

.long-delay {
  transition-delay: .7s !important;
}

.shake {
  -webkit-animation-name: shake-7;
  animation-name: shake-7;
}

@-webkit-keyframes shake-7 {

  0%,
  10%,
  20%,
  30%,
  40%,
  50%,
  60%,
  70%,
  80%,
  90% {
    transform: translateX(7%)
  }

  15%,
  25%,
  35%,
  45%,
  5%,
  55%,
  65%,
  75%,
  85%,
  95% {
    transform: translateX(-7%)
  }
}

@keyframes shake-7 {

  0%,
  10%,
  20%,
  30%,
  40%,
  50%,
  60%,
  70%,
  80%,
  90% {
    transform: translateX(7%)
  }

  15%,
  25%,
  35%,
  45%,
  5%,
  55%,
  65%,
  75%,
  85%,
  95% {
    transform: translateX(-7%)
  }
}

.spin-cw {
  -webkit-animation-name: spin-cw-1turn;
  animation-name: spin-cw-1turn;
}

@-webkit-keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn)
  }

  to {
    transform: rotate(0)
  }
}

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn)
  }

  to {
    transform: rotate(0)
  }
}

.spin-ccw {
  -webkit-animation-name: spin-ccw-1turn;
  animation-name: spin-ccw-1turn;
}

@-webkit-keyframes spin-ccw-1turn {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(-1turn)
  }
}

@keyframes spin-ccw-1turn {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(-1turn)
  }
}

.wiggle {
  -webkit-animation-name: wiggle-7deg;
  animation-name: wiggle-7deg;
}

@-webkit-keyframes wiggle-7deg {

  40%,
  50%,
  60% {
    transform: rotate(7deg)
  }

  35%,
  45%,
  55%,
  65% {
    transform: rotate(-7deg)
  }

  0%,
  30%,
  70%,
  to {
    transform: rotate(0)
  }
}

@keyframes wiggle-7deg {

  40%,
  50%,
  60% {
    transform: rotate(7deg)
  }

  35%,
  45%,
  55%,
  65% {
    transform: rotate(-7deg)
  }

  0%,
  30%,
  70%,
  to {
    transform: rotate(0)
  }
}

.shake,
.spin-ccw,
.spin-cw,
.wiggle {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.slow {
  -webkit-animation-duration: .75s !important;
  animation-duration: .75s !important;
}

.fast {
  -webkit-animation-duration: .25s !important;
  animation-duration: .25s !important;
}

.linear {
  -webkit-animation-timing-function: linear !important;
  animation-timing-function: linear !important;
}

.ease {
  -webkit-animation-timing-function: ease !important;
  animation-timing-function: ease !important;
}

.ease-in {
  -webkit-animation-timing-function: ease-in !important;
  animation-timing-function: ease-in !important;
}

.ease-out {
  -webkit-animation-timing-function: ease-out !important;
  animation-timing-function: ease-out !important;
}

.ease-in-out {
  -webkit-animation-timing-function: ease-in-out !important;
  animation-timing-function: ease-in-out !important;
}

.bounce-in {
  -webkit-animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
  animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
}

.bounce-out {
  -webkit-animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
  animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
}

.bounce-in-out {
  -webkit-animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
  animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
}

.short-delay {
  -webkit-animation-delay: .3s !important;
  animation-delay: .3s !important;
}

.long-delay {
  -webkit-animation-delay: .7s !important;
  animation-delay: .7s !important;
}

li,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.badge,
main {
  overflow: hidden;
}

.badge {
  text-indent: 100%;
  white-space: nowrap;
}

.button .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.w-100 {
  width: 100px;
}

.accordion-menu {
  margin-bottom: 1rem;
}

.accordion-menu > li {
  background: #fefefe;
  border: 1px solid #cacaca;
  flex: 1 1;
}

.accordion-menu > li:not(:last-child) {
  border-bottom: none;
}

.accordion-menu > li:last-child {
  border-bottom: 1px solid #cacaca;
}

.avatar {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-size: .75rem;
}

.avatar .avatar-img {
  background-size: cover;
  height: 80px;
  margin-right: 1rem;
  position: relative;
  width: 80px;
}

.avatar .avatar-img.is-validated:before {
  background: #9fac17;
  background-color: #9fac17;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2232%22%20viewBox%3D%220%200%2024%2032%22%3E%3Ctitle%3Echeck%3C%2Ftitle%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%2010l-16%2016-8-8%203-3%205%205%2013-13%203%203z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px auto;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 18px;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 18px;
}

.avatar .avatar-name {
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0;
  padding: 0;
}

.cause {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M8.2%2010.5H5.8v-.6c.3-.1.6-.1.6-.4V6.9c0-.3-.3-.4-.6-.5v-.6h1.8v3.7c0%20.3.3.3.6.4v.6zM7%203.4c.4%200%20.7.3.7.7s-.3.7-.7.7-.7-.3-.7-.7.3-.7.7-.7zM7%200C3.1%200%200%203.1%200%207s3.1%207%207%207%207-3.1%207-7-3.1-7-7-7z%22%20fill%3D%22%237f7f7f%22%2F%3E%3C%2Fsvg%3E");
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  color: #555;
  margin-bottom: .3rem;
  padding-left: 1rem;
}

.badge,
.cause {
  display: inline-block;
}

.badge {
  background: transparent;
  border-radius: 0;
  height: 80px;
  padding: 0;
  width: auto;
}

.breadcrumbs {
  margin: .5rem;
}

.button {
  padding-bottom: 1rem;
  padding-top: 1rem;
  position: relative;
}

.button.primary,
.button.secondary,
.button.success,
.button:focus.primary,
.button:focus.secondary,
.button:focus.success,
.button:hover.primary,
.button:hover.secondary,
.button:hover.success {
  color: #fefefe;
}

.button.hollow,
.button:hover.hollow {
  border-color: #e8e8e8;
}

.button:hover.hollow {
  background: #e8e8e8;
}

.button .icon {
  left: 8%;
}

.button-container {
  margin-bottom: 1rem;
}

.button-container .button {
  margin-bottom: 0;
}

.card {
  background: #fefefe;
  border: 1px solid #e8e8e8;
}

.card .card-section.primary {
  background: #4aa3da;
  text-align: center;
}

.dropdown .is-dropdown-submenu {
  padding: .5rem;
}

.dropdown {
  margin-bottom: 1rem;
}

.dropdown > li {
  background: #fefefe;
  border: 1px solid #cacaca;
  flex: 1 1;
}

.dropdown > li:not(:last-child) {
  border-right: none;
}

.dropdown > li:last-child {
  border-right: 1px solid #cacaca;
}

.fieldset,
fieldset {
  padding: .5rem 1rem;
}

.fieldset label,
fieldset label {
  align-items: center;
  display: flex;
}

.fieldset input,
fieldset input {
  margin-bottom: 0;
}

.form-result {
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  font-size: 12px;
  font-size: .75rem;
  margin-bottom: 1rem;
  padding: .5rem 0;
}

.form-result span {
  font-weight: 700;
}

.container {
  overflow: hidden;
}

@media screen and (min-width:1px) and (max-width:1024px) {
  .container {
    padding: .5rem .5rem 0
  }
}

@media print,
screen and (min-width:1024px) {
  .large-2-5 {
    flex: 0 0 20%;
    width: 20%;
  }
}

.hero {
  background-position: 50%;
  background-size: cover;
  max-height: 340px;
}

.media-object,
a.media-object {
  margin-bottom: .5rem;
  position: relative;
}

.media-object .media-title,
a.media-object .media-title {
  color: #0a0a0a;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
}

.media-object.vertical,
a.media-object.vertical {
  flex-direction: column;
}

.media-object.vertical .media-object-section:first-child,
a.media-object.vertical .media-object-section:first-child {
  margin: 0;
  padding: 0;
}

.media-object.vertical .thumbnail,
.media-object.vertical img,
a.media-object.vertical .thumbnail,
a.media-object.vertical img {
  width: 100%;
}

.media-object:hover .media-title,
a.media-object:hover .media-title {
  color: #338fc7;
}

.orbit {
  margin-bottom: 1rem;
  width: 100%;
}

.orbit .orbit-image {
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .orbit .orbit-image {
    height: 260px;
  }
}

.progress {
  height: 2rem;
}

.rating-block {
  width: 100%;
}

.rating-block,
.rating-block .rating-block-rating {
  align-items: center;
  display: flex;
}

.rating-block .rating-block-count {
  font-size: 20px;
  font-size: 1.25rem;
}

.readmore {
  margin-bottom: 1rem;
}

.readmore .close,
.readmore .open {
  text-align: center;
}

@media screen and (min-width:640px) {
  .readmore p {
    display: block !important;
  }

  .readmore .close,
  .readmore .open {
    display: none
  }
}

.table-price {
  border: none;
}

.table-price thead tr {
  background: #29729e;
  color: #fefefe;
}

.table-price thead th {
  font-size: 24px;
  font-size: 1.5rem;
  padding: 1.5rem;
  text-align: center;
}

.table-price tbody tr:first-child {
  background: #e5f1f8;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
}

.table-price tbody tr:first-child span {
  color: #29729e;
  font-size: 48px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.3;
}

.thumbnail {
  background-position: 50%;
  background-size: cover;
  height: 100px;
  position: relative;
  width: 100px;
}

.thumbnail img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.thumbnail .badge {
  height: 35px;
  position: absolute;
  right: -13px;
  top: -13px;
  width: 35px;
}

.footer {
  background: #555;
  padding: 1rem;
}

.footer,
.footer .footer-link a {
  color: #fefefe;
}

.footer small {
  display: block;
  text-align: center;
}

.gnav {
  display: flex;
  margin: 0;
  padding: 0;
}

.header {
  border-bottom: 1px solid #338fc7;
}

.header .top-bar {
  padding: .5rem 0;
}

.header .top-bar .top-bar-left {
  flex: none;
}

.header .title-bar {
  justify-content: space-between;
}

.header .input-group {
  margin: 0;
}

.header .input-group .button {
  margin-right: 0;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .header .top-bar {
    padding: 0
  }

  .header .title-bar {
    padding-left: 0;
    padding-right: 0
  }

  .header .top-bar-left {
    display: none
  }

  .header .top-bar-right {
    flex: 1 1
  }

  .header .menu {
    text-align: center;
    width: 100%;
  }

  .header .menu li {
    border-top: 1px solid #e8e8e8;
    width: 100%;
  }

  .header .menu .input-group {
    padding: .75rem
  }

  #js-footer {
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    left: 0;
    padding: .5rem;
    position: fixed;
    width: 100%;
    z-index: 1
  }

  #js-footer.button-container {
    display: flex;
    margin: 0
  }
}

.subNav {
  background-color: #555;
  margin: 0 0 1.5rem;
  overflow: hidden;
  width: 100%;
}

.subNav ul {
  margin: 0 auto;
  width: 75rem;
}

.subNav a {
  color: #fefefe;
  display: block;
  float: left;
  padding: .4rem 1rem;
  text-align: center;
}

.subNav a:hover {
  background-color: #338fc7;
}

.subNav a.is-active {
  background: #338fc7;
  color: #fff;
}

.subNav .icon {
  display: none;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .subNav {
    margin-bottom: .5rem
  }

  .subNav ul {
    width: auto
  }

  .subNav a.is-active {
    background: #555
  }

  .subNav a.icon {
    display: block;
    float: right
  }

  .subNav.responsive {
    position: relative
  }

  .subNav.responsive a {
    display: block;
    float: none;
    text-align: left
  }

  .subNav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0
  }
}

.icon,
.icon:after {
  margin: 0 auto;
}

.icon:after {
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
}

.icon-hamburger-white:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%227%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%200v1H0V0h8zM0%204h8V3H0v1zm0%203h8V6H0v1z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  height: 15px;
  width: 18px;
}

.icon-beaker:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14.4%2014.6L11%207V3h1V2H3v1h1v4L.6%2014.6c-.2.5%200%201.1.5%201.3.2.1.3.1.4.1h11.9c.8%200%201.3-.8%201-1.4zM3.8%2010L5%207V3h5v4l1.2%203H3.8zM8%208h1v1H8V8zM7%207H6V6h1v1zm0-3h1v1H7V4zm0-3H6V0h1v1z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  height: 20px;
  width: 20px;
}

.icon-download:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2261%22%20height%3D%2258%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cfilter%20x%3D%22-1.2%25%22%20y%3D%22-1.5%25%22%20width%3D%22102.3%25%22%20height%3D%22104.3%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.18%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M136.463%2044.439h10.847V23h7.231v21.439h10.847L150.925%2058.73l-14.462-14.29zm38.975-14.633h-14.25v3.6h14.25V62.2h-49.875V33.405h14.25v-3.599h-14.25c-1.96%200-3.563%201.62-3.563%203.6v32.393c0%201.98%201.603%203.6%203.563%203.6h19.023c-.89%202.195-3.064%205.002-8.336%207.198h28.5c-5.273-2.196-7.446-5.003-8.336-7.199h19.024c1.959%200%203.562-1.62%203.562-3.599V33.405c0-1.98-1.603-3.599-3.563-3.599z%22%20filter%3D%22url%28%23a%29%22%20transform%3D%22translate%28-120%20-22%29%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E");
  height: 48px;
  width: 54px;
}

.icon-rocket:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.2%203.8c-.3-.3-.5-.5-.6-.9-.2-.3-.3-.7-.3-1-.7.4-1.3.7-1.8%201.2-.6.4-1.2.9-1.7%201.4C7.1%205.2%206.4%206.3%206%207H3l-3%203h3l2-2c-.3.8-1%203-1%203l1%201s2.2-.6%203-1l-2%202v3l3-3v-3c.6-.4%201.8-1.1%202.4-1.8.6-.6%201.1-1.1%201.5-1.7.4-.6.8-1.2%201.1-1.7-.4-.1-.7-.2-1-.3-.3-.2-.6-.4-.8-.7zM16%200s-.1.4-.3%201.1c-.2.7-.6%201.6-1.1%202.7-.7-.2-1.2-.4-1.6-.8-.4-.4-.6-.9-.7-1.6C13.4.9%2014.2.5%2014.9.3%2015.6.1%2016%200%2016%200z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  height: 20px;
  width: 20px;
}

.icon-mail:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2210%22%20width%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%201v8c0%20.6.4%201%201%201h12c.6%200%201-.4%201-1V1c0-.5-.4-1-1-1H1C.4%200%200%20.5%200%201zm13%200L7%206%201%201zM1%202.5l4%203-4%203zM2%209l3.5-3L7%207.5%208.5%206%2012%209zm11-.5l-4-3%204-3z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E");
  height: 13px;
  width: 20px;
}

.icon-star-yellow:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14%205l-4.9-.6L7%200%204.9%204.4%200%205l3.6%203.3-.9%204.7L7%2010.7l4.3%202.3-.9-4.7z%22%20fill%3D%22%23EFC61F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  height: 18px;
  width: 20px;
}

.icon-star:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%3E%3Cpath%20d%3D%22M14%205l-4.9-.6L7%200%204.9%204.4%200%205l3.6%203.3-.9%204.7L7%2010.7l4.3%202.3-.9-4.7L14%205z%22%20fill%3D%22%239fac17%22%2F%3E%3C%2Fsvg%3E");
  height: 14px;
  width: 14px;
}

.icon-star-half:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%202.88L8.999%209.072l-6.819.942%204.963%204.77-1.212%206.774L12%2018.312l6.069%203.246-1.211-6.774%204.962-4.77L15%209.072%2012%202.88z%22%20stroke%3D%22%239FAC17%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20fill%3D%22%239FAC17%22%20d%3D%22M12%20.587v18.859l-7.417%203.967%201.481-8.279L0%209.306l8.332-1.151z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  height: 14px;
  width: 14px;
}

.icon-star-hollow:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%3E%3Cpath%20d%3D%22M7%202.3l1.2%202.5.2.5.6.1%202.8.4-2%201.8-.5.3.1.6.5%202.7-2.4-1.4-.5-.3-.5.3L4%2011.1l.5-2.7.1-.6-.3-.3-2-1.8L5%205.4l.5-.1.2-.5L7%202.3M7%200L4.9%204.4%200%205l3.6%203.3-.9%204.7L7%2010.7l4.3%202.3-.9-4.7L14%205l-4.9-.6L7%200z%22%20fill%3D%22%239fac17%22%2F%3E%3C%2Fsvg%3E");
  height: 14px;
  width: 14px;
}

.icon-facebook-white:after,
.icon-google-white:after,
.icon-twitter-white:after {
  background: no-repeat;
  content: "";
  display: inline-block;
  margin: 0 auto;
}

.icon-twitter-white {
  background: #55acee;
  height: 44px;
}

.icon-twitter-white:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2017%22%3E%3Cpath%20d%3D%22M10%204.5v.7h-.7c-2.7-.4-5.1-1.6-7.1-3.5l-1-1-.2.7C.4%203%20.8%204.7%201.9%205.9c.6.6.5.7-.6.3C1%206.1.7%206%20.6%206c-.1.1.3%201.5.6%202%20.4.7%201.2%201.5%202%201.9l.7.3H3c-.8%200-.9%200-.8.3.3%201%201.5%202%202.8%202.5l1%20.4-.8.5c-1.2.7-2.6%201.1-4%201.1-.7%200-1.2.1-1.2.1%200%20.1%201.8%201%202.9%201.3%203.2%201%206.9.6%209.7-1.1%202-1.2%204-3.5%204.9-5.8.5-1.2%201-3.4%201-4.5%200-.7%200-.8.9-1.6.5-.5.9-1%201-1.2.1-.3.1-.3-.6%200-1.2.5-1.4.4-.8-.2.5-.5%201-1.3%201-1.6%200%200-.2%200-.5.2-.3.1-.9.4-1.3.5l-.8.3-.7-.5c-.4-.3-1-.6-1.3-.7-.8-.2-1.9-.2-2.6.1-1.8.6-3%202.3-2.8%204.2z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  height: 18px;
  width: 22px;
}

.icon-twitter-white:hover {
  background: #2795e9;
}

.icon-facebook-white {
  background: #3b5998;
  height: 44px;
}

.icon-facebook-white:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2020%22%3E%3Cpath%20d%3D%22M6.1%2019.8V9.9h2.7l.4-3.4H6.1V4.8c0-.9.1-1.4%201.4-1.4h1.7V0H6.5C3.2%200%202%201.7%202%204.4v2H0v3.4h2v9.9l4.1.1z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  height: 18px;
  width: 9px;
}

.icon-facebook-white:hover {
  background: #2d4373;
}

.icon-google-white {
  background: #dc4e41;
  height: 44px;
}

.icon-google-white:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2016%22%3E%3Cpath%20d%3D%22M7.6%209.1H12c-.2%201.1-1.3%203.3-4.3%203.3-2.6%200-4.7-2.1-4.7-4.8s2-4.8%204.6-4.8c1.5%200%202.5.6%203%201.2l2.1-2C11.4.8%209.6%200%207.6%200%203.4%200%200%203.4%200%207.6s3.4%207.6%207.6%207.6c4.4%200%207.3-3.1%207.3-7.4%200-.5-.1-.9-.1-1.3H7.6v2.6zm16.8-3.7h-2.2V3.2H20v2.2h-2.2v2.2H20v2.2h2.2V7.6h2.2%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  height: 18px;
  width: 28px;
}

.icon-google-white:hover {
  background: #c63224;
}

*,
:after,
:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  width: 100%;
}

body,
html {
  font-size: 16px;
  font-size: 1rem;
}

body {
  color: #555;
}

li,
ol,
ul {
  list-style: none;
}

dd,
dl,
dt,
li,
ol,
ul {
  margin: 0;
  padding: 0;
}

a {
  color: #29263e;
  cursor: pointer;
  line-height: inherit;
  text-decoration: none;
}

a:hover {
  color: #2fc1e1;
}

a.link {
  color: #464c9c;
}

a.link:hover {
  color: #2fc1e1;
  text-decoration: underline;
}

h1 {
  margin-bottom: .5rem;
}

h1,
main.topwrap {
  margin-top: 0;
}

main {
  margin-top: 75px;
}

@media screen and (min-width:1px) and (max-width:640px) {
  main {
    margin-top: 0px;
  }
}

div.container {
  overflow: visible;
  overflow: initial;
}

.wrap {
  background: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
  margin: 0 auto 30px;
  max-width: 1280px;
  padding-bottom: 30px;
}

.container {
  margin: 0 auto;
  max-width: 1100px;
}

.container .sidebar {
  float: left;
}

.container .content {
  float: right;
  font-size: 14px;
  font-size: .875rem;
  margin-right: 19.09091%;
  max-width: 680px;
  width: 100%;
}

.container.one {
  justify-content: center;
}

.container.one .content {
  float: none;
  margin: 0 auto;
}

@media screen and (min-width:1px) and (max-width:980px) {
  .container {
    flex-direction: column;
    padding: 0 10px;
  }

  .container .content {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (min-width:1px) and (max-width:640px) {
  main {
    margin-top: 0px;
  }
}

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

.avatar {
  border-radius: 100%;
  display: block;
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 80px;
}

.avatar img {
  position: absolute;
  width: 100%;
}

.avatar.small {
  height: 32px;
  width: 32px;
}

.avatar-name {
  font-weight: 700;
}

.best-software-page {
  background: #FAFAFA url(https://www.itreview.jp/lp/rookie/img/2025/best_software_back.png) 50%/cover no-repeat fixed;
  margin-bottom: -10px;
  margin-left: -5px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: calc(100% + 10px);
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page {
    padding: 5px;
  }
}


.best-software-page .best-software-top-visual-back-2025 {
  background: url(https://www.itreview.jp/lp/rookie/img/2025/best_software_back_top.png) 50%/cover no-repeat;
  height: 500px;
  left: 50%;
  max-width: 1320px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  z-index: 0;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-top-visual-back-2025 {
    height: 450px;
  }
}

.best-software-page .best-software-page-frame-large-up-down {
  border-radius: 5px;
  margin: 0 auto;
  max-width: 1280px;
  overflow: hidden;
  padding: 15px;
  position: relative;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-page-frame-large-up-down {
    padding: 5px;
  }
}

.best-software-page .best-software-page-frame-large-up-down:before {
  background: linear-gradient(90deg, #BBCFDC 0, #9BA3A7);
  content: "";
  display: block;
  height: 7px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-page-frame-large-up-down:before {
    height: 3px;
  }
}

.best-software-page .best-software-page-frame-large-up-down:after {
  background: linear-gradient(270deg, #BBCFDC 0, #9BA3A7);
  bottom: 0;
  content: "";
  display: block;
  height: 7px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-page-frame-large-up-down:after {
    height: 3px;
  }
}

.best-software-page .best-software-page-frame-large-up-down .best-software-page-frame-large-right-left:before {
  background: linear-gradient(180deg, #BBCFDC 0, #EAF5FC 50%, #9BA3A7);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 7px;
  z-index: 2;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-page-frame-large-up-down .best-software-page-frame-large-right-left:before {
    width: 3px;
  }
}

.best-software-page .best-software-page-frame-large-up-down .best-software-page-frame-large-right-left:after {
  background: linear-gradient(0deg, #BBCFDC 0, #EAF5FC 50%, #9BA3A7);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 7px;
  z-index: 2;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-page-frame-large-up-down .best-software-page-frame-large-right-left:after {
    width: 3px;
  }
}

.best-software-page .best-software-page-frame-small-up-down {
  padding: 5px;
  position: relative;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-page-frame-small-up-down {
    padding: 3px;
  }
}

.best-software-page .best-software-page-frame-small-up-down:before {
  background: linear-gradient(90deg, #BBCFDC 0, #9BA3A7);
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-page-frame-small-up-down:before {
    height: 1px;
  }
}

.best-software-page .best-software-page-frame-small-up-down:after {
  background: linear-gradient(270deg, #BBCFDC 0, #9BA3A7);
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-page-frame-small-up-down:after {
    height: 1px;
  }
}

.best-software-page .best-software-page-frame-small-up-down .best-software-page-frame-small-right-left:before {
  background: linear-gradient(180deg, #BBCFDC 0, #EAF5FC 50%, #9BA3A7);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
  z-index: 2;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-page-frame-small-up-down .best-software-page-frame-small-right-left:before {
    width: 1px;
  }
}

.best-software-page .best-software-page-frame-small-up-down .best-software-page-frame-small-right-left:after {
  background: linear-gradient(0deg, #BBCFDC 0, #EAF5FC 50%, #9BA3A7);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  z-index: 2;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-page-frame-small-up-down .best-software-page-frame-small-right-left:after {
    width: 1px;
  }
}

.best-software-page .best-software-top-visual {
  margin-top: 30px;
  padding: 0 20px;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-top-visual {
    margin-top: 20px;
    padding: 0 10px;
  }
}

.best-software-page .best-software-top-visual img {
  display: block;
  height: auto;
  margin: 0 auto;
}

.best-software-page .best-software-top-visual .visual-title-img {
  max-width: 820px;
  width: 100%;
}

.best-software-page .best-software-top-visual .visual-badge-img {
  max-width: 340px;
  width: 100%;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-top-visual .visual-badge-img {
    max-width: 150px;
    width: 100%;
  }
}

.best-software-page .best-software-top-introduction {
  padding: 0 20px;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-top-introduction {
    padding: 0 5px;
  }
}

.best-software-page .best-software-top-introduction-title {
  color: #fff;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}

.best-software-page .best-software-top-introduction-title img {
  height: auto;
  width: auto;
}

.best-software-page .best-occupation-top-introduction-title {
  color: #fff;
  font-size: xx-large;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}

.best-software-page .best-occupation-top-introduction-title img {
  height: auto;
  width: auto;
}

.best-software-page .best-software-top-introduction-text {
  color: #29263e;
  font-family: 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, メイリオ, sans-serif;
  margin: 0 auto 15px;
  max-width: 780px;
  width: 100%;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-top-introduction-text {
    font-size: 14px;
    font-size: .875rem
  }
}

@media screen and (min-width:640px) {
  .best-software-page .best-software-top-introduction-text {
    text-align: center
  }
}

.best-software-page .best-software-top-introduction-text + .best-software-top-introduction-text {
  margin-bottom: 30px;
}

.best-software-page .best-software-top-introduction-review-method {
  border: 2px solid #cacaca;
  color: #29263e;
  font-family: 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, メイリオ, sans-serif;
  font-size: 14px;
  font-size: .875rem;
  margin: 0 auto 30px;
  max-width: 780px;
  padding: 20px;
  width: 100%;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-top-introduction-review-method {
    font-size: 14px;
    font-size: .875rem;
    margin: 0 auto 30px;
    padding: 10px;
  }
}

@media screen and (min-width:640px) {
  .best-software-page .best-software-top-introduction-review-method {
    text-align: center
  }
}

.best-software-page .best-software-top-introduction-review-method .best-software-top-introduction-review-method__title {
  border-bottom: 2px solid #555;
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 15px;
  padding: 0 10px 5px;
}

.best-software-page .best-software-top-introduction-review-method .best-software-top-introduction-review-method__text {
  color: #29263e;
}

.best-software-page .best-software-top-introduction-review-method .best-software-top-introduction-review-method__addition {
  color: #8a8a8a;
  font-size: 12px;
  font-size: .75rem;
  margin-top: 5px;
}

.best-software-page .best-occupation-top-introduction-review-method {
  background-color: #fff;
  border: 2px solid #cacaca;
  color: #29263e;
  font-family: 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, メイリオ, sans-serif;
  font-size: 14px;
  font-size: .875rem;
  margin: 0 auto 30px;
  max-width: 780px;
  padding: 20px;
  width: 100%;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-occupation-top-introduction-review-method {
    font-size: 14px;
    font-size: .875rem;
    margin: 0 auto 30px;
    padding: 10px;
  }
}

@media screen and (min-width:640px) {
  .best-software-page .best-occupation-top-introduction-review-method {
    text-align: center
  }
}

.best-software-page .best-occupation-top-introduction-review-method .best-occupation-top-introduction-review-method__title {
  border-bottom: 2px solid #555;
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 15px;
  padding: 0 10px 5px;
}

.best-software-page .best-occupation-top-introduction-review-method .best-occupation-top-introduction-review-method__text {
  color: #29263e;
}

.best-software-page .best-occupation-top-introduction-review-method .best-occupation-top-introduction-review-method__addition {
  color: #8a8a8a;
  font-size: 12px;
  font-size: .75rem;
  margin-top: 5px;
}

.best-software-page .best-software-products {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding: 0 20px 20px;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-products {
    padding: 0 5px 5px;
  }
}

.best-software-page .best-software-product {
  background: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
  padding: 20px;
}

@media screen and (min-width:640px) and (max-width:1024px) {
  .best-software-page .best-software-product {
    padding: 20px 10px;
  }
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-product {
    border: 1px solid #cacaca;
    box-shadow: none;
    padding: 10px;
  }
}

.best-software-page .best-software-product + .best-software-product {
  margin-top: 20px;
}

@media screen and (min-width:1px) and (max-width:1024px) {
  .best-software-page .best-software-product > .row > .column > .row > .column {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

.best-software-page .best-software-product-detail {
  display: none;
  margin-top: 15px;
  background-color: #fff;
}

.best-software-page .best-software-product-detail.show {
  display: block;
}

@media screen and (min-width:640px) {
  .best-software-page .best-software-product-detail > .row {
    border-top: 1px solid #cacaca
  }
}

.best-software-page .best-software-product-detail > .row > .column {
  margin-top: 15px;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-product-detail > .row > .column {
    border-top: 1px solid #cacaca;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 15px;
    padding-top: 15px;
  }
}

@media screen and (min-width:640px) and (max-width:1024px) {
  .best-software-page .best-software-product-detail > .row > .column {
    margin-bottom: 15px;
    margin-top: 15px;
  }

  .best-software-page .best-software-product-detail > .row > .column:nth-child(3) {
    border-left: 1px solid #cacaca
  }
}

@media screen and (min-width:1024px) {
  .best-software-page .best-software-product-detail > .row > .column:not(:first-child) {
    border-left: 1px solid #cacaca
  }
}

@media screen and (min-width:1px) and (max-width:1024px) {
  .best-software-page .best-software-product-detail > .row > .column:last-child {
    border-top: 1px solid #cacaca;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 15px;
  }
}

.best-software-page .best-software-product-first-content .rating-block-value {
  color: orange;
  font-weight: 700;
}

@media screen and (min-width:1024px) {
  .best-software-page .best-software-product-first-content {
    display: flex
  }

  .best-software-page .best-software-product-first-content .best-software-product-review {
    margin-left: 20px;
  }

  .best-software-page .best-software-product-first-content .best-software-product-review .best-software-product-review-star-wrap {
    margin-top: 0 !important;
  }

  .best-software-page .best-software-product-first-content .best-software-product-review-rating-wrap {
    display: flex !important;
  }

  .best-software-page .best-software-product-first-content .best-software-product-review-rating-wrap .rating-block-value {
    margin-top: -2px;
  }

  .best-software-page .best-software-product-first-content .best-software-product-review-rating-wrap .rating-block-rating {
    padding: 6px 0 !important;
  }
}

@media screen and (min-width:640px) and (max-width:1024px) {
  .best-software-page .best-software-product-first-content {
    display: flex
  }

  .best-software-page .best-software-product-first-content .best-software-product-review {
    margin-left: 20px;
  }

  .best-software-page .best-software-product-first-content .best-software-product-review .best-software-product-review-star-wrap {
    margin-top: 0 !important;
  }

  .best-software-page .best-software-product-first-content .best-software-product-review-rating-wrap {
    display: flex !important;
    font-size: 18px !important;
    margin-top: -4px;
  }

  .best-software-page .best-software-product-first-content .best-software-product-review-rating-wrap .rating-block-value {
    margin-top: -2px;
  }

  .best-software-page .best-software-product-first-content .best-software-product-review-rating-wrap .rating-block-rating {
    padding: 6px 0 !important;
  }
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-product-first-content .best-software-product-review .best-software-product-review-star-wrap .best-software-product-review-rating-wrap {
    display: flex !important;
    font-size: 16px !important;
  }

  .best-software-page .best-software-product-first-content .best-software-product-review .best-software-product-review-star-wrap .best-software-product-review-rating-wrap .rating-block-value {
    margin-top: -6px;
  }
}

.best-software-page .best-software-product-title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.best-software-page .best-software-product-title a {
  color: #555;
}

@media screen and (min-width:640px) and (max-width:1024px) {
  .best-software-page .best-software-product-title {
    font-size: 16px;
    font-size: 1rem
  }
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-product-title {
    font-size: 14px;
    font-size: .875rem
  }
}

.best-software-page .best-software-company-title {
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.4;
}

.best-software-page .best-software-company-title a {
  color: #c6c6c6;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-company-title {
    font-size: 12px;
    font-size: .75rem
  }
}

.best-software-page .best-software-company-category-label {
  background: #3285c9;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.2;
  padding: 5px 15px;
}

@media screen and (min-width:1px) and (max-width:1024px) {
  .best-software-page .best-software-company-category-label {
    font-size: 12px;
    font-size: .75rem;
    padding: 3px 5px;
  }
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-ranking-number {
    width: 50px;
  }
}

@media screen and (min-width:640px) and (max-width:1024px) {
  .best-software-page .best-software-ranking-number {
    width: 80px;
  }
}

@media screen and (min-width:1024px) {
  .best-software-page .best-software-ranking-number {
    width: 100px;
    text-align: center;
  }
}

.best-software-page .best-software-ranking-number .best-software-ranking-number__title {
  color: #3285c9;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.2;
}

.best-software-page .best-software-ranking-number .best-software-ranking-number__number {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
}

@media screen and (min-width:1024px) {
  .best-software-page .best-software-ranking-number .best-software-ranking-number__number {
    font-size: 30px;
    font-size: 1.875rem
  }
}

.best-software-page .best-software-scores {
  border: 1px solid #cacaca;
  border-radius: 5px;
  display: inline-block;
  line-height: 1.2;
  padding: 5px 10px 10px;
  text-align: center;
  width: calc(100% - 50px);
}

@media screen and (min-width:640px) and (max-width:1024px) {
  .best-software-page .best-software-scores {
    padding: 5px 10px;
    width: 300px;
  }
}

@media screen and (min-width:1024px) {
  .best-software-page .best-software-scores {
    padding: 5px 15px 15px;
    width: 300px;
  }
}

@media screen and (min-width:640px) and (max-width:1024px) {
  .best-software-page .best-software-scores.medium-only-margin-left {
    margin-left: 90px;
  }
}

.best-software-page .best-software-scores > .row > .column > .row.small-collapse {
  margin: 0;
}

.best-software-page .best-software-scores .best-software-scores__score-title {
  color: #29263e;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
}

@media screen and (min-width:1px) and (max-width:1024px) {
  .best-software-page .best-software-scores .best-software-scores__score-title {
    font-size: 14px;
    font-size: .875rem
  }
}

.best-software-page .best-software-scores .best-software-vendor_usage__vendor_usage-number {
  color: #464c9c;
  font-size: 16px;
  font-size: 1rem;
}

.best-software-page .best-software-scores .best-software-scores__score-number {
  color: #464c9c;
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (min-width:1px) and (max-width:1024px) {
  .best-software-page .best-software-scores .best-software-scores__score-number {
    font-size: 16px;
    font-size: 1rem
  }
}

.best-software-page .best-software-scores .best-software-scores__score-small-title {
  color: rgba(41, 38, 62, .8);
  display: inline-block;
  font-size: 12px;
  font-size: .75rem;
  text-align: center;
  width: 4em;
}

.best-software-page .best-software-scores .best-software-scores__score-small-number {
  display: inline-block;
  font-size: 12px;
  font-size: .75rem;
  font-weight: 700;
  width: 25px;
}

.best-software-page .best-software-scores .best-software-scores__score-small-number.is-satisfaction {
  color: #dcbb4e;
}

.best-software-page .best-software-scores .best-software-scores__score-small-number.is-awareness {
  color: #3285c9;
}

.best-software-page .best-software-scores .progress-wrap {
  width: 80px;
}

.best-software-page .best-software-scores .progress {
  height: 10px;
  margin: 0;
  width: 75px;
}

.best-software-page .best-software-scores .progress.is-satisfaction .progress-meter {
  background: linear-gradient(90deg, #f4e38b, #b27f2a);
}

.best-software-page .best-software-scores .progress.is-awareness .progress-meter {
  background: linear-gradient(90deg, #2fc1e1, #0075c0);
}

.best-software-page .best-software-product-trigger {
  align-items: center;
  background-color: #3285c9;
  display: inline-flex;
  height: 25px;
  justify-content: center;
  transition: .3s;
  width: 25px;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-product-trigger {
    margin-bottom: 15px;
    margin-top: 15px;
  }
}

@media screen and (min-width:1024px) {
  .best-software-page .best-software-product-trigger {
    height: 40px;
    position: relative;
    width: 40px;
  }
}

.best-software-page .best-software-product-trigger:before {
  color: #fff;
  content: url(https://www.itreview.jp/lp/rookie/img/2025/icon-arrow-bottom.svg);
  height: 36px;
  position: absolute;
  ;
  width: 24px;
  top: 15px;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-product-trigger:before {
    width: 15px;
    height: auto;
    transform: rotate(-180deg);

  }
}

@media screen and (min-width:1024px) {
  .best-software-page .best-software-product-trigger:before {
    height: 45px;
    width: 30px;
    top: -15px;
    transform: rotate(-180deg);

  }
}

.best-software-page .best-software-product-trigger.is-open:before {
  transform: rotate(0deg);
  top: 15px;
  height: 45px;
  width: 30px;

}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-product-trigger.is-open:before {
    transform: rotate(0deg);
    top: 15px;
    width: 15px;
    height: auto;

  }
}

.best-software-page .best-software-product-trigger:hover {
  background-color: #464c9c;
  cursor: pointer;
}

@media screen and (min-width:1px) and (max-width:1024px) {
  .best-software-page .best-software-product-review {
    display: block
  }
}

.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-thumbnail-wrap .review-avatar-img {
  border-radius: 50%;
  height: 65px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 65px;
}

@media screen and (min-width:1px) and (max-width:1024px) {
  .best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-thumbnail-wrap .review-avatar-img {
    height: 40px;
    width: 40px;
  }
}

.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-thumbnail-wrap .review-avatar-img img {
  height: auto;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-info-wrap .best-software-product-review-author {
  color: rgba(41, 38, 62, .8);
  word-break: break-all;
}

.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-info-wrap .best-software-product-review-author .best-software-product-review-author-name,
.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-info-wrap .best-software-product-review-author .best-software-product-review-author-name a {
  color: #29263e;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 700;
}

@media screen and (min-width:1px) and (max-width:1024px) {
  .best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-info-wrap .best-software-product-review-author .best-software-product-review-author-name {
    margin: 3px 0
  }
}

.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-info-wrap .best-software-product-review-author .best-software-product-review-info {
  font-size: 12px;
  font-size: .75rem;
  margin: 0;
}

@media screen and (min-width:1px) and (max-width:1024px) {
  .best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-info-wrap .best-software-product-review-author .best-software-product-review-info {
    font-size: 10px;
    font-size: .625rem
  }
}

.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-info-wrap .best-software-product-review-author .best-software-product-review-info li {
  line-height: 1.2;
  margin-bottom: 5px;
}

.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-info-wrap .best-software-product-review-author .best-software-product-review-info a {
  color: rgba(41, 38, 62, .8);
}

.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-star-wrap {
  margin-top: 5px;
}

.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-star-wrap .best-software-product-review-rating-wrap {
  display: inline-block;
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (min-width:1024px) {
  .best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-text-wrap .best-software-product-review-data {
    margin-top: 10px;
  }
}

.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-text-wrap .best-software-product-review-data .best-software-product-review-title {
  color: #29263e;
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px;
  word-break: break-all;
}

@media screen and (min-width:1px) and (max-width:1024px) {
  .best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-text-wrap .best-software-product-review-data .best-software-product-review-title {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 5px;
    padding-top: 5px;
  }
}

.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-text-wrap .best-software-product-review-data dl dt.best-software-product-review-item {
  color: rgba(41, 38, 62, .5);
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  padding-top: 5px;
}

.best-software-page .best-software-product-review .best-software-product-review-content .best-software-product-review-text-wrap .best-software-product-review-data dl dd.best-software-product-review-answer {
  color: #29263e;
  font-size: 14px;
  font-size: .875rem;
  word-break: break-all;
}

.best-software-page .badge-list-title {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 5px;
}

@media screen and (min-width:1024px) {
  .best-software-page .badge-list-title {
    margin-bottom: 15px;
  }
}

.best-software-page .badge-box {


  height: 60px;

}

.best-software-page .badge-circle {
  background: #cacaca;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  position: relative;
  width: 40px;
}

.best-software-page .badge-circle img {
  color: #fff;
  display: block;
  height: auto;
  left: 50%;
  line-height: 1;
  max-width: 75%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.best-software-page .best-software-badge {
  display: inline-block;
  height: auto;
  max-width: 60px;
  width: 100%;
}

.best-software-page .best-software-badge-term {
  font-size: 10px;
  font-size: .625rem;
  line-height: 1.7;
  text-align: center;
}

.best-software-page .best-software-button {
  background-color: #3285c9;
  border: 1px solid #3285c9;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-size: .875rem;
  padding: 5px 10px;
  text-align: center;
  transition: background-color .3s, color .3s;
  width: 100%;
}

.best-software-page .best-software-button + .best-software-button {
  margin-top: 5px;
}

.best-software-page .best-software-button:hover {
  background-color: #fff;
  color: #3285c9;
  opacity: 1 !important;
}

.best-software-page .column-separater {
  margin-top: 20px;
}

@media screen and (min-width:1024px) {
  .best-software-page .column-separater {
    border-top: 1px solid #cacaca;
    margin-top: 15px;
    padding-top: 15px;
  }
}

.best-software-page .best-software-grid-wrap {
  height: 260px;
  position: relative;
  width: 260px;
}

.best-software-page .best-software-grid-wrap > a {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .3s;
}

.best-software-page .best-software-grid-wrap > a:hover {
  opacity: .5;
}

.best-software-page .no-grid {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  font-size: .875rem;
  height: 260px;
  justify-content: center;
  text-align: center;
  width: 260px;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .no-grid {
    height: auto;
    padding: 20px 0;
    width: 100%;
  }
}

.best-software-page .no-element {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-size: .875rem;
  height: 260px;
  justify-content: center;
  margin: 0 auto;
  max-width: 100%;
  text-align: center;
  width: 100%;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .no-element {
    height: auto;
    padding: 20px 0;
  }
}

.best-software-page .best-software-thumbnail {
  border: 3px solid #fff;
  box-shadow: 0 0 5px #c6c6c6;
  display: inline-block;
  height: 90px;
  overflow: hidden;
  position: relative;
  width: 90px;
}

@media screen and (min-width:1px) and (max-width:640px) {
  .best-software-page .best-software-thumbnail {
    height: 70px;
    width: 70px;
  }
}

@media screen and (min-width:640px) and (max-width:1024px) {
  .best-software-page .best-software-thumbnail {
    height: 70px;
    width: 70px;
  }
}

.best-software-page .best-software-thumbnail img {
  height: auto;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

.best-software-page a,
.best-software-page a .best-software-product-review {
  transition: opacity .3s;
}

.best-software-page a:hover,
.best-software-page a:hover .best-software-product-review {
  opacity: .5;
}

.best-software-page .padding-small {
  padding: 10px;
}

.best-software-page .padding-right-small {
  padding-right: 15px;
}

.best-software-page .no-border {
  border: none !important;
}

@media screen and (min-width:1024px) {
  .best-software-page .large-no-border {
    border: none !important;
  }
}

.best-software-page .line-height-0 {
  line-height: 0;
  display: flex;
  justify-content: left;
}

.best-software-page .border-left {
  border-left: 1px solid #cacaca;
}

@media screen and (min-width:640px) {
  .best-software-page .medium-with-auto {
    width: auto !important;
  }
}

@media screen and (min-width:1024px) {
  .best-software-page .large-with-auto {
    width: auto !important;
  }
}

@media screen and (min-width:640px) {
  .best-software-page .medium-align-self-middle {
    align-self: center;
  }
}

.best-software-page .align-self-bottom {
  position: relative;
}

.best-software-page .invisible {
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.best-software-page .margin-right-1 {
  margin-right: 10px;
}

@media screen and (min-width:1024px) {
  .best-software-page .margin-right-1 {
    margin-right: 15px;
  }
}

.best-software-page .margin-rihgt-2 {
  margin-right: 15px;
}

@media screen and (min-width:1024px) {
  .best-software-page .margin-rihgt-2 {
    margin-right: 30px;
  }
}

.best-software-page .margin-left-2 {
  margin-left: 15px;
}

@media screen and (min-width:1024px) {
  .best-software-page .margin-left-2 {
    margin-left: 30px;
  }
}

.best-software-page .margin-left-1 {
  margin-left: 5px;
}

@media screen and (min-width:1024px) {
  .best-software-page .margin-left-1 {
    margin-left: 15px font-size:18px;
    font-weight: 400;
  }
}

.best-software-page .margin-bottom-1 {
  margin-bottom: 5px;
}

@media screen and (min-width:1024px) {
  .best-software-page .margin-bottom-1 {
    margin-bottom: 15px;
  }
}

.best-software-page .margin-bottom-2 {
  margin-bottom: 18px;
  margin-top: auto;
}

@media screen and (min-width:640px) and (max-width:1024px) {
  .best-software-page .margin-bottom-2 {
    text-align: left
  }
}

.best-software-page .padding-right-1 {
  padding-right: 10px;
}

@media screen and (min-width:640px) {
  .best-software-page .padding-right-1 {
    padding-right: 15px;
  }
}

@media screen and (min-width:640px) and (max-width:1024px) {
  .best-software-page .medium-only-text-left {
    text-align: left
  }
}



.ma-0 {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.ma-1 {
  margin-bottom: 2px !important;
  margin-left: 2px !important;
  margin-top: 2px !important;
}

.ma-2 {
  margin-bottom: 4px !important;
  margin-left: 4px !important;
  margin-top: 4px !important;
}

.ma-3 {
  margin-bottom: 6px !important;
  margin-left: 6px !important;
  margin-top: 6px !important;
}

.ma-4 {
  margin-bottom: 8px !important;
  margin-left: 8px !important;
  margin-top: 8px !important;
}

.ma-5 {
  margin-bottom: 10px !important;
  margin-left: 10px !important;
  margin-top: 10px !important;
}

.ma-6 {
  margin-bottom: 12px !important;
  margin-left: 12px !important;
  margin-top: 12px !important;
}

.ma-7 {
  margin-bottom: 14px !important;
  margin-left: 14px !important;
  margin-top: 14px !important;
}

.ma-8 {
  margin-bottom: 16px !important;
  margin-left: 16px !important;
  margin-top: 16px !important;
}

.ma-9 {
  margin-bottom: 18px !important;
  margin-left: 18px !important;
  margin-top: 18px !important;
}

.ma-10 {
  margin-bottom: 20px !important;
  margin-left: 20px !important;
  margin-top: 20px !important;
}

.ma-11 {
  margin-bottom: 22px !important;
  margin-left: 22px !important;
  margin-top: 22px !important;
}

.ma-12 {
  margin-bottom: 24px !important;
  margin-left: 24px !important;
  margin-top: 24px !important;
}

.ma-13 {
  margin-bottom: 26px !important;
  margin-left: 26px !important;
  margin-top: 26px !important;
}

.ma-14 {
  margin-bottom: 28px !important;
  margin-left: 28px !important;
  margin-top: 28px !important;
}

.ma-15 {
  margin-bottom: 30px !important;
  margin-left: 30px !important;
  margin-top: 30px !important;
}

.ma-16 {
  margin-bottom: 32px !important;
  margin-left: 32px !important;
  margin-top: 32px !important;
}

.ma-17 {
  margin-bottom: 34px !important;
  margin-left: 34px !important;
  margin-top: 34px !important;
}

.ma-18 {
  margin-bottom: 36px !important;
  margin-left: 36px !important;
  margin-top: 36px !important;
}

.ma-19 {
  margin-bottom: 38px !important;
  margin-left: 38px !important;
  margin-top: 38px !important;
}

.ma-20 {
  margin-bottom: 40px !important;
  margin-left: 40px !important;
  margin-top: 40px !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-1 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.mx-2 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.mx-3 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.mx-4 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.mx-5 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mx-6 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.mx-7 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.mx-8 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.mx-9 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

.mx-10 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mx-11 {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.mx-12 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.mx-13 {
  margin-left: 26px !important;
  margin-right: 26px !important;
}

.mx-14 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.mx-15 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.mx-16 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.mx-17 {
  margin-left: 34px !important;
  margin-right: 34px !important;
}

.mx-18 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.mx-19 {
  margin-left: 38px !important;
  margin-right: 38px !important;
}

.mx-20 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.my-1 {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
}

.my-2 {
  margin-bottom: 4px !important;
  margin-top: 4px !important;
}

.my-3 {
  margin-bottom: 6px !important;
  margin-top: 6px !important;
}

.my-4 {
  margin-bottom: 8px !important;
  margin-top: 8px !important;
}

.my-5 {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

.my-6 {
  margin-bottom: 12px !important;
  margin-top: 12px !important;
}

.my-7 {
  margin-bottom: 14px !important;
  margin-top: 14px !important;
}

.my-8 {
  margin-bottom: 16px !important;
  margin-top: 16px !important;
}

.my-9 {
  margin-bottom: 18px !important;
  margin-top: 18px !important;
}

.my-10 {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}

.my-11 {
  margin-bottom: 22px !important;
  margin-top: 22px !important;
}

.my-12 {
  margin-bottom: 24px !important;
  margin-top: 24px !important;
}

.my-13 {
  margin-bottom: 26px !important;
  margin-top: 26px !important;
}

.my-14 {
  margin-bottom: 28px !important;
  margin-top: 28px !important;
}

.my-15 {
  margin-bottom: 30px !important;
  margin-top: 30px !important;
}

.my-16 {
  margin-bottom: 32px !important;
  margin-top: 32px !important;
}

.my-17 {
  margin-bottom: 34px !important;
  margin-top: 34px !important;
}

.my-18 {
  margin-bottom: 36px !important;
  margin-top: 36px !important;
}

.my-19 {
  margin-bottom: 38px !important;
  margin-top: 38px !important;
}

.my-20 {
  margin-bottom: 40px !important;
  margin-top: 40px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 2px !important;
}

.mt-2 {
  margin-top: 4px !important;
}

.mt-3 {
  margin-top: 6px !important;
}

.mt-4 {
  margin-top: 8px !important;
}

.mt-5 {
  margin-top: 10px !important;
}

.mt-6 {
  margin-top: 12px !important;
}

.mt-7 {
  margin-top: 14px !important;
}

.mt-8 {
  margin-top: 16px !important;
}

.mt-9 {
  margin-top: 18px !important;
}

.mt-10 {
  margin-top: 20px !important;
}

.mt-11 {
  margin-top: 22px !important;
}

.mt-12 {
  margin-top: 24px !important;
}

.mt-13 {
  margin-top: 26px !important;
}

.mt-14 {
  margin-top: 28px !important;
}

.mt-15 {
  margin-top: 30px !important;
}

.mt-16 {
  margin-top: 32px !important;
}

.mt-17 {
  margin-top: 34px !important;
}

.mt-18 {
  margin-top: 36px !important;
}

.mt-19 {
  margin-top: 38px !important;
}

.mt-20 {
  margin-top: 40px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 2px !important;
}

.mb-2 {
  margin-bottom: 4px !important;
}

.mb-3 {
  margin-bottom: 6px !important;
}

.mb-4 {
  margin-bottom: 8px !important;
}

.mb-5 {
  margin-bottom: 10px !important;
}

.mb-6 {
  margin-bottom: 12px !important;
}

.mb-7 {
  margin-bottom: 14px !important;
}

.mb-8 {
  margin-bottom: 16px !important;
}

.mb-9 {
  margin-bottom: 18px !important;
}

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

.mb-11 {
  margin-bottom: 22px !important;
}

.mb-12 {
  margin-bottom: 24px !important;
}

.mb-13 {
  margin-bottom: 26px !important;
}

.mb-14 {
  margin-bottom: 28px !important;
}

.mb-15 {
  margin-bottom: 30px !important;
}

.mb-16 {
  margin-bottom: 32px !important;
}

.mb-17 {
  margin-bottom: 34px !important;
}

.mb-18 {
  margin-bottom: 36px !important;
}

.mb-19 {
  margin-bottom: 38px !important;
}

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

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 2px !important;
}

.ml-2 {
  margin-left: 4px !important;
}

.ml-3 {
  margin-left: 6px !important;
}

.ml-4 {
  margin-left: 8px !important;
}

.ml-5 {
  margin-left: 10px !important;
}

.ml-6 {
  margin-left: 12px !important;
}

.ml-7 {
  margin-left: 14px !important;
}

.ml-8 {
  margin-left: 16px !important;
}

.ml-9 {
  margin-left: 18px !important;
}

.ml-10 {
  margin-left: 20px !important;
}

.ml-11 {
  margin-left: 22px !important;
}

.ml-12 {
  margin-left: 24px !important;
}

.ml-13 {
  margin-left: 26px !important;
}

.ml-14 {
  margin-left: 28px !important;
}

.ml-15 {
  margin-left: 30px !important;
}

.ml-16 {
  margin-left: 32px !important;
}

.ml-17 {
  margin-left: 34px !important;
}

.ml-18 {
  margin-left: 36px !important;
}

.ml-19 {
  margin-left: 38px !important;
}

.ml-20 {
  margin-left: 40px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 2px !important;
}

.mr-2 {
  margin-right: 4px !important;
}

.mr-3 {
  margin-right: 6px !important;
}

.mr-4 {
  margin-right: 8px !important;
}

.mr-5 {
  margin-right: 10px !important;
}

.mr-6 {
  margin-right: 12px !important;
}

.mr-7 {
  margin-right: 14px !important;
}

.mr-8 {
  margin-right: 16px !important;
}

.mr-9 {
  margin-right: 18px !important;
}

.mr-10 {
  margin-right: 20px !important;
}

.mr-11 {
  margin-right: 22px !important;
}

.mr-12 {
  margin-right: 24px !important;
}

.mr-13 {
  margin-right: 26px !important;
}

.mr-14 {
  margin-right: 28px !important;
}

.mr-15 {
  margin-right: 30px !important;
}

.mr-16 {
  margin-right: 32px !important;
}

.mr-17 {
  margin-right: 34px !important;
}

.mr-18 {
  margin-right: 36px !important;
}

.mr-19 {
  margin-right: 38px !important;
}

.mr-20 {
  margin-right: 40px !important;
}

.pa-0 {
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
}

.pa-1 {
  padding-bottom: 2px !important;
  padding-left: 2px !important;
  padding-top: 2px !important;
}

.pa-2 {
  padding-bottom: 4px !important;
  padding-left: 4px !important;
  padding-top: 4px !important;
}

.pa-3 {
  padding-bottom: 6px !important;
  padding-left: 6px !important;
  padding-top: 6px !important;
}

.pa-4 {
  padding-bottom: 8px !important;
  padding-left: 8px !important;
  padding-top: 8px !important;
}

.pa-5 {
  padding-bottom: 10px !important;
  padding-left: 10px !important;
  padding-top: 10px !important;
}

.pa-6 {
  padding-bottom: 12px !important;
  padding-left: 12px !important;
  padding-top: 12px !important;
}

.pa-7 {
  padding-bottom: 14px !important;
  padding-left: 14px !important;
  padding-top: 14px !important;
}

.pa-8 {
  padding-bottom: 16px !important;
  padding-left: 16px !important;
  padding-top: 16px !important;
}

.pa-9 {
  padding-bottom: 18px !important;
  padding-left: 18px !important;
  padding-top: 18px !important;
}

.pa-10 {
  padding-bottom: 20px !important;
  padding-left: 20px !important;
  padding-top: 20px !important;
}

.pa-11 {
  padding-bottom: 22px !important;
  padding-left: 22px !important;
  padding-top: 22px !important;
}

.pa-12 {
  padding-bottom: 24px !important;
  padding-left: 24px !important;
  padding-top: 24px !important;
}

.pa-13 {
  padding-bottom: 26px !important;
  padding-left: 26px !important;
  padding-top: 26px !important;
}

.pa-14 {
  padding-bottom: 28px !important;
  padding-left: 28px !important;
  padding-top: 28px !important;
}

.pa-15 {
  padding-bottom: 30px !important;
  padding-left: 30px !important;
  padding-top: 30px !important;
}

.pa-16 {
  padding-bottom: 32px !important;
  padding-left: 32px !important;
  padding-top: 32px !important;
}

.pa-17 {
  padding-bottom: 34px !important;
  padding-left: 34px !important;
  padding-top: 34px !important;
}

.pa-18 {
  padding-bottom: 36px !important;
  padding-left: 36px !important;
  padding-top: 36px !important;
}

.pa-19 {
  padding-bottom: 38px !important;
  padding-left: 38px !important;
  padding-top: 38px !important;
}

.pa-20 {
  padding-bottom: 40px !important;
  padding-left: 40px !important;
  padding-top: 40px !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-1 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.px-2 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.px-3 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.px-4 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.px-5 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-6 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.px-7 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.px-8 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.px-9 {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.px-10 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.px-11 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.px-12 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.px-13 {
  padding-left: 26px !important;
  padding-right: 26px !important;
}

.px-14 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.px-15 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.px-16 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.px-17 {
  padding-left: 34px !important;
  padding-right: 34px !important;
}

.px-18 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.px-19 {
  padding-left: 38px !important;
  padding-right: 38px !important;
}

.px-20 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.py-1 {
  padding-bottom: 2px !important;
  padding-top: 2px !important;
}

.py-2 {
  padding-bottom: 4px !important;
  padding-top: 4px !important;
}

.py-3 {
  padding-bottom: 6px !important;
  padding-top: 6px !important;
}

.py-4 {
  padding-bottom: 8px !important;
  padding-top: 8px !important;
}

.py-5 {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.py-6 {
  padding-bottom: 12px !important;
  padding-top: 12px !important;
}

.py-7 {
  padding-bottom: 14px !important;
  padding-top: 14px !important;
}

.py-8 {
  padding-bottom: 16px !important;
  padding-top: 16px !important;
}

.py-9 {
  padding-bottom: 18px !important;
  padding-top: 18px !important;
}

.py-10 {
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}

.py-11 {
  padding-bottom: 22px !important;
  padding-top: 22px !important;
}

.py-12 {
  padding-bottom: 24px !important;
  padding-top: 24px !important;
}

.py-13 {
  padding-bottom: 26px !important;
  padding-top: 26px !important;
}

.py-14 {
  padding-bottom: 28px !important;
  padding-top: 28px !important;
}

.py-15 {
  padding-bottom: 30px !important;
  padding-top: 30px !important;
}

.py-16 {
  padding-bottom: 32px !important;
  padding-top: 32px !important;
}

.py-17 {
  padding-bottom: 34px !important;
  padding-top: 34px !important;
}

.py-18 {
  padding-bottom: 36px !important;
  padding-top: 36px !important;
}

.py-19 {
  padding-bottom: 38px !important;
  padding-top: 38px !important;
}

.py-20 {
  padding-bottom: 40px !important;
  padding-top: 40px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 2px !important;
}

.pt-2 {
  padding-top: 4px !important;
}

.pt-3 {
  padding-top: 6px !important;
}

.pt-4 {
  padding-top: 8px !important;
}

.pt-5 {
  padding-top: 10px !important;
}

.pt-6 {
  padding-top: 12px !important;
}

.pt-7 {
  padding-top: 14px !important;
}

.pt-8 {
  padding-top: 16px !important;
}

.pt-9 {
  padding-top: 18px !important;
}

.pt-10 {
  padding-top: 20px !important;
}

.pt-11 {
  padding-top: 22px !important;
}

.pt-12 {
  padding-top: 24px !important;
}

.pt-13 {
  padding-top: 26px !important;
}

.pt-14 {
  padding-top: 28px !important;
}

.pt-15 {
  padding-top: 30px !important;
}

.pt-16 {
  padding-top: 32px !important;
}

.pt-17 {
  padding-top: 34px !important;
}

.pt-18 {
  padding-top: 36px !important;
}

.pt-19 {
  padding-top: 38px !important;
}

.pt-20 {
  padding-top: 40px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 2px !important;
}

.pb-2 {
  padding-bottom: 4px !important;
}

.pb-3 {
  padding-bottom: 6px !important;
}

.pb-4 {
  padding-bottom: 8px !important;
}

.pb-5 {
  padding-bottom: 10px !important;
}

.pb-6 {
  padding-bottom: 12px !important;
}

.pb-7 {
  padding-bottom: 14px !important;
}

.pb-8 {
  padding-bottom: 16px !important;
}

.pb-9 {
  padding-bottom: 18px !important;
}

.pb-10 {
  padding-bottom: 20px !important;
}

.pb-11 {
  padding-bottom: 22px !important;
}

.pb-12 {
  padding-bottom: 24px !important;
}

.pb-13 {
  padding-bottom: 26px !important;
}

.pb-14 {
  padding-bottom: 28px !important;
}

.pb-15 {
  padding-bottom: 30px !important;
}

.pb-16 {
  padding-bottom: 32px !important;
}

.pb-17 {
  padding-bottom: 34px !important;
}

.pb-18 {
  padding-bottom: 36px !important;
}

.pb-19 {
  padding-bottom: 38px !important;
}

.pb-20 {
  padding-bottom: 40px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 2px !important;
}

.pl-2 {
  padding-left: 4px !important;
}

.pl-3 {
  padding-left: 6px !important;
}

.pl-4 {
  padding-left: 8px !important;
}

.pl-5 {
  padding-left: 10px !important;
}

.pl-6 {
  padding-left: 12px !important;
}

.pl-7 {
  padding-left: 14px !important;
}

.pl-8 {
  padding-left: 16px !important;
}

.pl-9 {
  padding-left: 18px !important;
}

.pl-10 {
  padding-left: 20px !important;
}

.pl-11 {
  padding-left: 22px !important;
}

.pl-12 {
  padding-left: 24px !important;
}

.pl-13 {
  padding-left: 26px !important;
}

.pl-14 {
  padding-left: 28px !important;
}

.pl-15 {
  padding-left: 30px !important;
}

.pl-16 {
  padding-left: 32px !important;
}

.pl-17 {
  padding-left: 34px !important;
}

.pl-18 {
  padding-left: 36px !important;
}

.pl-19 {
  padding-left: 38px !important;
}

.pl-20 {
  padding-left: 40px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 2px !important;
}

.pr-2 {
  padding-right: 4px !important;
}

.pr-3 {
  padding-right: 6px !important;
}

.pr-4 {
  padding-right: 8px !important;
}

.pr-5 {
  padding-right: 10px !important;
}

.pr-6 {
  padding-right: 12px !important;
}

.pr-7 {
  padding-right: 14px !important;
}

.pr-8 {
  padding-right: 16px !important;
}

.pr-9 {
  padding-right: 18px !important;
}

.pr-10 {
  padding-right: 20px !important;
}

.pr-11 {
  padding-right: 22px !important;
}

.pr-12 {
  padding-right: 24px !important;
}

.pr-13 {
  padding-right: 26px !important;
}

.pr-14 {
  padding-right: 28px !important;
}

.pr-15 {
  padding-right: 30px !important;
}

.pr-16 {
  padding-right: 32px !important;
}

.pr-17 {
  padding-right: 34px !important;
}

.pr-18 {
  padding-right: 36px !important;
}

.pr-19 {
  padding-right: 38px !important;
}

.pr-20 {
  padding-right: 40px !important;
}

.bg-transp {
  background-color: "transparent";
}

.bg-white {
  background-color: #fff;
}

.bg-gray {
  background-color: #ededed;
}

.bg-light-gray {
  background-color: #fafafa;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.document_download_wrap input.download {
  background: linear-gradient(45deg, #0075c1, #5ea8d8);
}

.document_download_wrap input.download:hover {
  box-shadow: 0 1px 10px rgba(101, 197, 247, .5);
  opacity: .85;
  transition: all .2s linear;
}

.document_download_wrap input.back {
  background: #555;
}

.document_download_wrap input.back:hover {
  background: #484848;
}

#l body {
  background: #fff;
  clear: both;
  color: #686b7f;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Segoe UI, Helvetica Neue, HelveticaNeue, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  line-height: 1.7;
  padding: 0;
  width: 100%;
}

main {
  margin-top: 0;
  overflow: visible;
  overflow: initial;
  padding: 0 5px;
}

@media screen and (min-width:1px) and (max-width:640px) {
  main {
    margin-top: 0;
    padding: 0;
  }
}


main {
  padding-bottom: 10px;
}



.best-software-simple-header {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
}

.header-inner,
.header-inner-wrap {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.header-logo-img {
  height: 40px;
  width: 142px;
}


.best-software-simple-footer {
  align-items: center;
  display: flex;
  font-size: 16px;
  height: 60px;
  justify-content: center;
}