/**
 * You can add your own styles here. This file is already included.
 */




.pricing-table-alt {
    width: 100%;
}
.pricing-table-alt thead th {
    background-color: #f25050;
    color: #fff;
    text-align: center;
}
.pricing-table-alt tbody tr td {
    text-align: center;
}
.pricing-table-alt tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}






























cotton, .cotton {
  border-style: none;
  border-width: 0px;
  cursor: pointer;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 0.75rem;
  padding-right: 1.5rem;
  padding-bottom: 0.8125rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  background-color: #4bc986;
  border-color: #39bf78;
  color: #FFFFFF;
  -webkit-transition: background-color 300ms ease-out;
          transition: background-color 300ms ease-out; }
  cotton:hover, cotton:focus, .cotton:hover, .cotton:focus {
    background-color: #39bf78; }
  cotton:hover, cotton:focus, .cotton:hover, .cotton:focus {
    color: #FFFFFF; }
  cotton.secondary, .cotton.secondary {
    background-color: #35383f;
    border-color: #303339;
    color: #FFFFFF; }
    cotton.secondary:hover, cotton.secondary:focus, .cotton.secondary:hover, .cotton.secondary:focus {
      background-color: #303339; }
    cotton.secondary:hover, cotton.secondary:focus, .cotton.secondary:hover, .cotton.secondary:focus {
      color: #FFFFFF; }
  cotton.success, .cotton.success {
    background-color: #4bc986;
    border-color: #39bf78;
    color: #FFFFFF; }
    cotton.success:hover, cotton.success:focus, .cotton.success:hover, .cotton.success:focus {
      background-color: #39bf78; }
    cotton.success:hover, cotton.success:focus, .cotton.success:hover, .cotton.success:focus {
      color: #FFFFFF; }
  cotton.alert, .cotton.alert {
    background-color: #f25050;
    border-color: #f03232;
    color: #FFFFFF; }
    cotton.alert:hover, cotton.alert:focus, .cotton.alert:hover, .cotton.alert:focus {
      background-color: #f03232; }
    cotton.alert:hover, cotton.alert:focus, .cotton.alert:hover, .cotton.alert:focus {
      color: #FFFFFF; }
  cotton.warning, .cotton.warning {
    background-color: #f27950;
    border-color: #f06132;
    color: #FFFFFF; }
    cotton.warning:hover, cotton.warning:focus, .cotton.warning:hover, .cotton.warning:focus {
      background-color: #f06132; }
    cotton.warning:hover, cotton.warning:focus, .cotton.warning:hover, .cotton.warning:focus {
      color: #FFFFFF; }
  cotton.info, .cotton.info {
    background-color: #63a7ed;
    border-color: #4597ea;
    color: #FFFFFF; }
    cotton.info:hover, cotton.info:focus, .cotton.info:hover, .cotton.info:focus {
      background-color: #4597ea; }
    cotton.info:hover, cotton.info:focus, .cotton.info:hover, .cotton.info:focus {
      color: #FFFFFF; }
  cotton.large, .cotton.large {
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1.25rem; }
  cotton.small, .cotton.small {
    padding-top: 0.5625rem;
    padding-right: 1.125rem;
    padding-bottom: 0.625rem;
    padding-left: 1.125rem;
    font-size: 0.8125rem; }
  cotton.tiny, .cotton.tiny {
    padding-top: 0.4375rem;
    padding-right: 0.875rem;
    padding-bottom: 0.5rem;
    padding-left: 0.875rem;
    font-size: 0.6875rem; }
  cotton.expand, .cotton.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  cotton.left-align, .cotton.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  cotton.right-align, .cotton.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  cotton.radius, .cotton.radius, cotton, .cotton {
    border-radius: 6px; }
  cotton.round, .cotton.round {
    border-radius: 1000px; }
  cotton.disabled, cotton[disabled], .cotton.disabled, .cotton[disabled] {
    background-color: #4bc986;
    border-color: #39bf78;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }
    cotton.disabled:hover, cotton.disabled:focus, cotton[disabled]:hover, cotton[disabled]:focus, .cotton.disabled:hover, .cotton.disabled:focus, .cotton[disabled]:hover, .cotton[disabled]:focus {
      background-color: #39bf78; }
    cotton.disabled:hover, cotton.disabled:focus, cotton[disabled]:hover, cotton[disabled]:focus, .cotton.disabled:hover, .cotton.disabled:focus, .cotton[disabled]:hover, .cotton[disabled]:focus {
      color: #FFFFFF; }
    cotton.disabled:hover, cotton.disabled:focus, cotton[disabled]:hover, cotton[disabled]:focus, .cotton.disabled:hover, .cotton.disabled:focus, .cotton[disabled]:hover, .cotton[disabled]:focus {
      background-color: #4bc986; }
    cotton.disabled.secondary, cotton[disabled].secondary, .cotton.disabled.secondary, .cotton[disabled].secondary {
      background-color: #35383f;
      border-color: #303339;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      cotton.disabled.secondary:hover, cotton.disabled.secondary:focus, cotton[disabled].secondary:hover, cotton[disabled].secondary:focus, .cotton.disabled.secondary:hover, .cotton.disabled.secondary:focus, .cotton[disabled].secondary:hover, .cotton[disabled].secondary:focus {
        background-color: #303339; }
      cotton.disabled.secondary:hover, cotton.disabled.secondary:focus, cotton[disabled].secondary:hover, cotton[disabled].secondary:focus, .cotton.disabled.secondary:hover, .cotton.disabled.secondary:focus, .cotton[disabled].secondary:hover, .cotton[disabled].secondary:focus {
        color: #FFFFFF; }
      cotton.disabled.secondary:hover, cotton.disabled.secondary:focus, cotton[disabled].secondary:hover, cotton[disabled].secondary:focus, .cotton.disabled.secondary:hover, .cotton.disabled.secondary:focus, .cotton[disabled].secondary:hover, .cotton[disabled].secondary:focus {
        background-color: #35383f; }
    cotton.disabled.success, cotton[disabled].success, .cotton.disabled.success, .cotton[disabled].success {
      background-color: #4bc986;
      border-color: #39bf78;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      cotton.disabled.success:hover, cotton.disabled.success:focus, cotton[disabled].success:hover, cotton[disabled].success:focus, .cotton.disabled.success:hover, .cotton.disabled.success:focus, .cotton[disabled].success:hover, .cotton[disabled].success:focus {
        background-color: #39bf78; }
      cotton.disabled.success:hover, cotton.disabled.success:focus, cotton[disabled].success:hover, cotton[disabled].success:focus, .cotton.disabled.success:hover, .cotton.disabled.success:focus, .cotton[disabled].success:hover, .cotton[disabled].success:focus {
        color: #FFFFFF; }
      cotton.disabled.success:hover, cotton.disabled.success:focus, cotton[disabled].success:hover, cotton[disabled].success:focus, .cotton.disabled.success:hover, .cotton.disabled.success:focus, .cotton[disabled].success:hover, .cotton[disabled].success:focus {
        background-color: #4bc986; }
    cotton.disabled.alert, cotton[disabled].alert, .cotton.disabled.alert, .cotton[disabled].alert {
      background-color: #f25050;
      border-color: #f03232;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      cotton.disabled.alert:hover, cotton.disabled.alert:focus, cotton[disabled].alert:hover, cotton[disabled].alert:focus, .cotton.disabled.alert:hover, .cotton.disabled.alert:focus, .cotton[disabled].alert:hover, .cotton[disabled].alert:focus {
        background-color: #f03232; }
      cotton.disabled.alert:hover, cotton.disabled.alert:focus, cotton[disabled].alert:hover, cotton[disabled].alert:focus, .cotton.disabled.alert:hover, .cotton.disabled.alert:focus, .cotton[disabled].alert:hover, .cotton[disabled].alert:focus {
        color: #FFFFFF; }
      cotton.disabled.alert:hover, cotton.disabled.alert:focus, cotton[disabled].alert:hover, cotton[disabled].alert:focus, .cotton.disabled.alert:hover, .cotton.disabled.alert:focus, .cotton[disabled].alert:hover, .cotton[disabled].alert:focus {
        background-color: #f25050; }
    cotton.disabled.warning, cotton[disabled].warning, .cotton.disabled.warning, .cotton[disabled].warning {
      background-color: #f27950;
      border-color: #f06132;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      cotton.disabled.warning:hover, cotton.disabled.warning:focus, cotton[disabled].warning:hover, cotton[disabled].warning:focus, .cotton.disabled.warning:hover, .cotton.disabled.warning:focus, .cotton[disabled].warning:hover, .cotton[disabled].warning:focus {
        background-color: #f06132; }
      cotton.disabled.warning:hover, cotton.disabled.warning:focus, cotton[disabled].warning:hover, cotton[disabled].warning:focus, .cotton.disabled.warning:hover, .cotton.disabled.warning:focus, .cotton[disabled].warning:hover, .cotton[disabled].warning:focus {
        color: #FFFFFF; }
      cotton.disabled.warning:hover, cotton.disabled.warning:focus, cotton[disabled].warning:hover, cotton[disabled].warning:focus, .cotton.disabled.warning:hover, .cotton.disabled.warning:focus, .cotton[disabled].warning:hover, .cotton[disabled].warning:focus {
        background-color: #f27950; }
    cotton.disabled.info, cotton[disabled].info, .cotton.disabled.info, .cotton[disabled].info {
      background-color: #63a7ed;
      border-color: #4597ea;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      cotton.disabled.info:hover, cotton.disabled.info:focus, cotton[disabled].info:hover, cotton[disabled].info:focus, .cotton.disabled.info:hover, .cotton.disabled.info:focus, .cotton[disabled].info:hover, .cotton[disabled].info:focus {
        background-color: #4597ea; }
      cotton.disabled.info:hover, cotton.disabled.info:focus, cotton[disabled].info:hover, cotton[disabled].info:focus, .cotton.disabled.info:hover, .cotton.disabled.info:focus, .cotton[disabled].info:hover, .cotton[disabled].info:focus {
        color: #FFFFFF; }
      cotton.disabled.info:hover, cotton.disabled.info:focus, cotton[disabled].info:hover, cotton[disabled].info:focus, .cotton.disabled.info:hover, .cotton.disabled.info:focus, .cotton[disabled].info:hover, .cotton[disabled].info:focus {
        background-color: #63a7ed; }

cotton::-moz-focus-inner {
  border: 0;
  padding: 0; }

@media only screen and (min-width:45.063em) {
  cotton, .cotton {
    display: inline-block; } }

.cotton-group {
  list-style: none;
  margin: 0;
  left: 0; }
  .cotton-group:before, .cotton-group:after {
    content: " ";
    display: table; }
  .cotton-group:after {
    clear: both; }
  .cotton-group > li {
    margin: 0 -2px;
    float: left;
    display: inline-block; }
    .cotton-group > li > cotton, .cotton-group > li .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group > li:first-child cotton, .cotton-group > li:first-child .cotton {
      border-left: 0; }
  .cotton-group.stack > li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    display: block;
    margin: 0;
    float: none; }
    .cotton-group.stack > li > cotton, .cotton-group.stack > li .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.stack > li:first-child cotton, .cotton-group.stack > li:first-child .cotton {
      border-left: 0; }
    .cotton-group.stack > li > cotton, .cotton-group.stack > li .cotton {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0px;
      margin: 0;
      display: block; }
    .cotton-group.stack > li:first-child cotton, .cotton-group.stack > li:first-child .cotton {
      border-top: 0; }
  .cotton-group.stack-for-small > li {
    margin: 0 -2px;
    float: left;
    display: inline-block; }
    .cotton-group.stack-for-small > li > cotton, .cotton-group.stack-for-small > li .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.stack-for-small > li:first-child cotton, .cotton-group.stack-for-small > li:first-child .cotton {
      border-left: 0; }
    @media only screen and (max-width: 45em) {
      .cotton-group.stack-for-small > li {
        margin: 0 -2px;
        float: left;
        display: inline-block;
        display: block;
        margin: 0; }
        .cotton-group.stack-for-small > li > cotton, .cotton-group.stack-for-small > li .cotton {
          border-left: 1px solid;
          border-color: rgba(255, 255, 255, 0.5); }
        .cotton-group.stack-for-small > li:first-child cotton, .cotton-group.stack-for-small > li:first-child .cotton {
          border-left: 0; }
        .cotton-group.stack-for-small > li > cotton, .cotton-group.stack-for-small > li .cotton {
          border-top: 1px solid;
          border-color: rgba(255, 255, 255, 0.5);
          border-left-width: 0px;
          margin: 0;
          display: block; }
        .cotton-group.stack-for-small > li:first-child cotton, .cotton-group.stack-for-small > li:first-child .cotton {
          border-top: 0; } }
  .cotton-group.radius > * {
    margin: 0 -2px;
    float: left;
    display: inline-block; }
    .cotton-group.radius > * > cotton, .cotton-group.radius > * .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.radius > *:first-child cotton, .cotton-group.radius > *:first-child .cotton {
      border-left: 0; }
    .cotton-group.radius > *, .cotton-group.radius > * > a, .cotton-group.radius > * > cotton, .cotton-group.radius > * > .cotton {
      border-radius: 0; }
    .cotton-group.radius > *:first-child, .cotton-group.radius > *:first-child > a, .cotton-group.radius > *:first-child > cotton, .cotton-group.radius > *:first-child > .cotton {
      -webkit-border-bottom-left-radius: 6px;
      -webkit-border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      border-top-left-radius: 6px; }
    .cotton-group.radius > *:last-child, .cotton-group.radius > *:last-child > a, .cotton-group.radius > *:last-child > cotton, .cotton-group.radius > *:last-child > .cotton {
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      border-top-right-radius: 6px; }
  .cotton-group.radius.stack > * {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    display: block;
    margin: 0; }
    .cotton-group.radius.stack > * > cotton, .cotton-group.radius.stack > * .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.radius.stack > *:first-child cotton, .cotton-group.radius.stack > *:first-child .cotton {
      border-left: 0; }
    .cotton-group.radius.stack > * > cotton, .cotton-group.radius.stack > * .cotton {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0px;
      margin: 0;
      display: block; }
    .cotton-group.radius.stack > *:first-child cotton, .cotton-group.radius.stack > *:first-child .cotton {
      border-top: 0; }
    .cotton-group.radius.stack > *, .cotton-group.radius.stack > * > a, .cotton-group.radius.stack > * > cotton, .cotton-group.radius.stack > * > .cotton {
      border-radius: 0; }
    .cotton-group.radius.stack > *:first-child, .cotton-group.radius.stack > *:first-child > a, .cotton-group.radius.stack > *:first-child > cotton, .cotton-group.radius.stack > *:first-child > .cotton {
      -webkit-top-left-radius: 6px;
      -webkit-top-right-radius: 6px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
    .cotton-group.radius.stack > *:last-child, .cotton-group.radius.stack > *:last-child > a, .cotton-group.radius.stack > *:last-child > cotton, .cotton-group.radius.stack > *:last-child > .cotton {
      -webkit-bottom-left-radius: 6px;
      -webkit-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
  @media only screen and (min-width:45.063em) {
    .cotton-group.radius.stack-for-small > * {
      margin: 0 -2px;
      float: left;
      display: inline-block; }
      .cotton-group.radius.stack-for-small > * > cotton, .cotton-group.radius.stack-for-small > * .cotton {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .cotton-group.radius.stack-for-small > *:first-child cotton, .cotton-group.radius.stack-for-small > *:first-child .cotton {
        border-left: 0; }
      .cotton-group.radius.stack-for-small > *, .cotton-group.radius.stack-for-small > * > a, .cotton-group.radius.stack-for-small > * > cotton, .cotton-group.radius.stack-for-small > * > .cotton {
        border-radius: 0; }
      .cotton-group.radius.stack-for-small > *:first-child, .cotton-group.radius.stack-for-small > *:first-child > a, .cotton-group.radius.stack-for-small > *:first-child > cotton, .cotton-group.radius.stack-for-small > *:first-child > .cotton {
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px; }
      .cotton-group.radius.stack-for-small > *:last-child, .cotton-group.radius.stack-for-small > *:last-child > a, .cotton-group.radius.stack-for-small > *:last-child > cotton, .cotton-group.radius.stack-for-small > *:last-child > .cotton {
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px; } }
  @media only screen and (max-width: 45em) {
    .cotton-group.radius.stack-for-small > * {
      margin: 0 -2px;
      float: left;
      display: inline-block;
      display: block;
      margin: 0; }
      .cotton-group.radius.stack-for-small > * > cotton, .cotton-group.radius.stack-for-small > * .cotton {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .cotton-group.radius.stack-for-small > *:first-child cotton, .cotton-group.radius.stack-for-small > *:first-child .cotton {
        border-left: 0; }
      .cotton-group.radius.stack-for-small > * > cotton, .cotton-group.radius.stack-for-small > * .cotton {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0px;
        margin: 0;
        display: block; }
      .cotton-group.radius.stack-for-small > *:first-child cotton, .cotton-group.radius.stack-for-small > *:first-child .cotton {
        border-top: 0; }
      .cotton-group.radius.stack-for-small > *, .cotton-group.radius.stack-for-small > * > a, .cotton-group.radius.stack-for-small > * > cotton, .cotton-group.radius.stack-for-small > * > .cotton {
        border-radius: 0; }
      .cotton-group.radius.stack-for-small > *:first-child, .cotton-group.radius.stack-for-small > *:first-child > a, .cotton-group.radius.stack-for-small > *:first-child > cotton, .cotton-group.radius.stack-for-small > *:first-child > .cotton {
        -webkit-top-left-radius: 6px;
        -webkit-top-right-radius: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
      .cotton-group.radius.stack-for-small > *:last-child, .cotton-group.radius.stack-for-small > *:last-child > a, .cotton-group.radius.stack-for-small > *:last-child > cotton, .cotton-group.radius.stack-for-small > *:last-child > .cotton {
        -webkit-bottom-left-radius: 6px;
        -webkit-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px; } }
  .cotton-group.round > * {
    margin: 0 -2px;
    float: left;
    display: inline-block; }
    .cotton-group.round > * > cotton, .cotton-group.round > * .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.round > *:first-child cotton, .cotton-group.round > *:first-child .cotton {
      border-left: 0; }
    .cotton-group.round > *, .cotton-group.round > * > a, .cotton-group.round > * > cotton, .cotton-group.round > * > .cotton {
      border-radius: 0; }
    .cotton-group.round > *:first-child, .cotton-group.round > *:first-child > a, .cotton-group.round > *:first-child > cotton, .cotton-group.round > *:first-child > .cotton {
      -webkit-border-bottom-left-radius: 1000px;
      -webkit-border-top-left-radius: 1000px;
      border-bottom-left-radius: 1000px;
      border-top-left-radius: 1000px; }
    .cotton-group.round > *:last-child, .cotton-group.round > *:last-child > a, .cotton-group.round > *:last-child > cotton, .cotton-group.round > *:last-child > .cotton {
      -webkit-border-bottom-right-radius: 1000px;
      -webkit-border-top-right-radius: 1000px;
      border-bottom-right-radius: 1000px;
      border-top-right-radius: 1000px; }
  .cotton-group.round.stack > * {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    display: block;
    margin: 0; }
    .cotton-group.round.stack > * > cotton, .cotton-group.round.stack > * .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.round.stack > *:first-child cotton, .cotton-group.round.stack > *:first-child .cotton {
      border-left: 0; }
    .cotton-group.round.stack > * > cotton, .cotton-group.round.stack > * .cotton {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0px;
      margin: 0;
      display: block; }
    .cotton-group.round.stack > *:first-child cotton, .cotton-group.round.stack > *:first-child .cotton {
      border-top: 0; }
    .cotton-group.round.stack > *, .cotton-group.round.stack > * > a, .cotton-group.round.stack > * > cotton, .cotton-group.round.stack > * > .cotton {
      border-radius: 0; }
    .cotton-group.round.stack > *:first-child, .cotton-group.round.stack > *:first-child > a, .cotton-group.round.stack > *:first-child > cotton, .cotton-group.round.stack > *:first-child > .cotton {
      -webkit-top-left-radius: 0.75rem;
      -webkit-top-right-radius: 0.75rem;
      border-top-left-radius: 0.75rem;
      border-top-right-radius: 0.75rem; }
    .cotton-group.round.stack > *:last-child, .cotton-group.round.stack > *:last-child > a, .cotton-group.round.stack > *:last-child > cotton, .cotton-group.round.stack > *:last-child > .cotton {
      -webkit-bottom-left-radius: 0.75rem;
      -webkit-bottom-right-radius: 0.75rem;
      border-bottom-left-radius: 0.75rem;
      border-bottom-right-radius: 0.75rem; }
  @media only screen and (min-width:45.063em) {
    .cotton-group.round.stack-for-small > * {
      margin: 0 -2px;
      float: left;
      display: inline-block; }
      .cotton-group.round.stack-for-small > * > cotton, .cotton-group.round.stack-for-small > * .cotton {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .cotton-group.round.stack-for-small > *:first-child cotton, .cotton-group.round.stack-for-small > *:first-child .cotton {
        border-left: 0; }
      .cotton-group.round.stack-for-small > *, .cotton-group.round.stack-for-small > * > a, .cotton-group.round.stack-for-small > * > cotton, .cotton-group.round.stack-for-small > * > .cotton {
        border-radius: 0; }
      .cotton-group.round.stack-for-small > *:first-child, .cotton-group.round.stack-for-small > *:first-child > a, .cotton-group.round.stack-for-small > *:first-child > cotton, .cotton-group.round.stack-for-small > *:first-child > .cotton {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px; }
      .cotton-group.round.stack-for-small > *:last-child, .cotton-group.round.stack-for-small > *:last-child > a, .cotton-group.round.stack-for-small > *:last-child > cotton, .cotton-group.round.stack-for-small > *:last-child > .cotton {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px; } }
  @media only screen and (max-width: 45em) {
    .cotton-group.round.stack-for-small > * {
      margin: 0 -2px;
      float: left;
      display: inline-block;
      display: block;
      margin: 0; }
      .cotton-group.round.stack-for-small > * > cotton, .cotton-group.round.stack-for-small > * .cotton {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .cotton-group.round.stack-for-small > *:first-child cotton, .cotton-group.round.stack-for-small > *:first-child .cotton {
        border-left: 0; }
      .cotton-group.round.stack-for-small > * > cotton, .cotton-group.round.stack-for-small > * .cotton {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0px;
        margin: 0;
        display: block; }
      .cotton-group.round.stack-for-small > *:first-child cotton, .cotton-group.round.stack-for-small > *:first-child .cotton {
        border-top: 0; }
      .cotton-group.round.stack-for-small > *, .cotton-group.round.stack-for-small > * > a, .cotton-group.round.stack-for-small > * > cotton, .cotton-group.round.stack-for-small > * > .cotton {
        border-radius: 0; }
      .cotton-group.round.stack-for-small > *:first-child, .cotton-group.round.stack-for-small > *:first-child > a, .cotton-group.round.stack-for-small > *:first-child > cotton, .cotton-group.round.stack-for-small > *:first-child > .cotton {
        -webkit-top-left-radius: 0.75rem;
        -webkit-top-right-radius: 0.75rem;
        border-top-left-radius: 0.75rem;
        border-top-right-radius: 0.75rem; }
      .cotton-group.round.stack-for-small > *:last-child, .cotton-group.round.stack-for-small > *:last-child > a, .cotton-group.round.stack-for-small > *:last-child > cotton, .cotton-group.round.stack-for-small > *:last-child > .cotton {
        -webkit-bottom-left-radius: 0.75rem;
        -webkit-bottom-right-radius: 0.75rem;
        border-bottom-left-radius: 0.75rem;
        border-bottom-right-radius: 0.75rem; } }
  .cotton-group.even-2 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 50%; }
    .cotton-group.even-2 li > cotton, .cotton-group.even-2 li .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.even-2 li:first-child cotton, .cotton-group.even-2 li:first-child .cotton {
      border-left: 0; }
    .cotton-group.even-2 li cotton, .cotton-group.even-2 li .cotton {
      width: 100%; }
  .cotton-group.even-3 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 33.33333%; }
    .cotton-group.even-3 li > cotton, .cotton-group.even-3 li .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.even-3 li:first-child cotton, .cotton-group.even-3 li:first-child .cotton {
      border-left: 0; }
    .cotton-group.even-3 li cotton, .cotton-group.even-3 li .cotton {
      width: 100%; }
  .cotton-group.even-4 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 25%; }
    .cotton-group.even-4 li > cotton, .cotton-group.even-4 li .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.even-4 li:first-child cotton, .cotton-group.even-4 li:first-child .cotton {
      border-left: 0; }
    .cotton-group.even-4 li cotton, .cotton-group.even-4 li .cotton {
      width: 100%; }
  .cotton-group.even-5 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 20%; }
    .cotton-group.even-5 li > cotton, .cotton-group.even-5 li .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.even-5 li:first-child cotton, .cotton-group.even-5 li:first-child .cotton {
      border-left: 0; }
    .cotton-group.even-5 li cotton, .cotton-group.even-5 li .cotton {
      width: 100%; }
  .cotton-group.even-6 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 16.66667%; }
    .cotton-group.even-6 li > cotton, .cotton-group.even-6 li .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.even-6 li:first-child cotton, .cotton-group.even-6 li:first-child .cotton {
      border-left: 0; }
    .cotton-group.even-6 li cotton, .cotton-group.even-6 li .cotton {
      width: 100%; }
  .cotton-group.even-7 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 14.28571%; }
    .cotton-group.even-7 li > cotton, .cotton-group.even-7 li .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.even-7 li:first-child cotton, .cotton-group.even-7 li:first-child .cotton {
      border-left: 0; }
    .cotton-group.even-7 li cotton, .cotton-group.even-7 li .cotton {
      width: 100%; }
  .cotton-group.even-8 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 12.5%; }
    .cotton-group.even-8 li > cotton, .cotton-group.even-8 li .cotton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .cotton-group.even-8 li:first-child cotton, .cotton-group.even-8 li:first-child .cotton {
      border-left: 0; }
    .cotton-group.even-8 li cotton, .cotton-group.even-8 li .cotton {
      width: 100%; }

.cotton-bar:before, .cotton-bar:after {
  content: " ";
  display: table; }
.cotton-bar:after {
  clear: both; }
.cotton-bar .cotton-group {
  float: left;
  margin-right: 0.625rem; }
  .cotton-bar .cotton-group div {
    overflow: hidden; }



magaton, .magaton {
  border-style: none;
  border-width: 0px;
  cursor: pointer;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 0.75rem;
  padding-right: 1.5rem;
  padding-bottom: 0.8125rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  background-color: #63a7ed;
  border-color: #4597ea;
  color: #FFFFFF;
  -webkit-transition: background-color 300ms ease-out;
          transition: background-color 300ms ease-out; }
  magaton:hover, magaton:focus, .magaton:hover, .magaton:focus {
    background-color: #4597ea; }
  magaton:hover, magaton:focus, .magaton:hover, .magaton:focus {
    color: #FFFFFF; }
  magaton.secondary, .magaton.secondary {
    background-color: #35383f;
    border-color: #303339;
    color: #FFFFFF; }
    magaton.secondary:hover, magaton.secondary:focus, .magaton.secondary:hover, .magaton.secondary:focus {
      background-color: #303339; }
    magaton.secondary:hover, magaton.secondary:focus, .magaton.secondary:hover, .magaton.secondary:focus {
      color: #FFFFFF; }
  magaton.success, .magaton.success {
    background-color: #4bc986;
    border-color: #39bf78;
    color: #FFFFFF; }
    magaton.success:hover, magaton.success:focus, .magaton.success:hover, .magaton.success:focus {
      background-color: #39bf78; }
    magaton.success:hover, magaton.success:focus, .magaton.success:hover, .magaton.success:focus {
      color: #FFFFFF; }
  magaton.alert, .magaton.alert {
    background-color: #f25050;
    border-color: #f03232;
    color: #FFFFFF; }
    magaton.alert:hover, magaton.alert:focus, .magaton.alert:hover, .magaton.alert:focus {
      background-color: #f03232; }
    magaton.alert:hover, magaton.alert:focus, .magaton.alert:hover, .magaton.alert:focus {
      color: #FFFFFF; }
  magaton.warning, .magaton.warning {
    background-color: #f27950;
    border-color: #f06132;
    color: #FFFFFF; }
    magaton.warning:hover, magaton.warning:focus, .magaton.warning:hover, .magaton.warning:focus {
      background-color: #f06132; }
    magaton.warning:hover, magaton.warning:focus, .magaton.warning:hover, .magaton.warning:focus {
      color: #FFFFFF; }
  magaton.info, .magaton.info {
    background-color: #63a7ed;
    border-color: #4597ea;
    color: #FFFFFF; }
    magaton.info:hover, magaton.info:focus, .magaton.info:hover, .magaton.info:focus {
      background-color: #4597ea; }
    magaton.info:hover, magaton.info:focus, .magaton.info:hover, .magaton.info:focus {
      color: #FFFFFF; }
  magaton.large, .magaton.large {
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1.25rem; }
  magaton.small, .magaton.small {
    padding-top: 0.5625rem;
    padding-right: 1.125rem;
    padding-bottom: 0.625rem;
    padding-left: 1.125rem;
    font-size: 0.8125rem; }
  magaton.tiny, .magaton.tiny {
    padding-top: 0.4375rem;
    padding-right: 0.875rem;
    padding-bottom: 0.5rem;
    padding-left: 0.875rem;
    font-size: 0.6875rem; }
  magaton.expand, .magaton.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  magaton.left-align, .magaton.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  magaton.right-align, .magaton.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  magaton.radius, .magaton.radius, magaton, .magaton {
    border-radius: 6px; }
  magaton.round, .magaton.round {
    border-radius: 1000px; }
  magaton.disabled, magaton[disabled], .magaton.disabled, .magaton[disabled] {
    background-color: #63a7ed;
    border-color: #4597ea;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }
    magaton.disabled:hover, magaton.disabled:focus, magaton[disabled]:hover, magaton[disabled]:focus, .magaton.disabled:hover, .magaton.disabled:focus, .magaton[disabled]:hover, .magaton[disabled]:focus {
      background-color: #4597ea; }
    magaton.disabled:hover, magaton.disabled:focus, magaton[disabled]:hover, magaton[disabled]:focus, .magaton.disabled:hover, .magaton.disabled:focus, .magaton[disabled]:hover, .magaton[disabled]:focus {
      color: #FFFFFF; }
    magaton.disabled:hover, magaton.disabled:focus, magaton[disabled]:hover, magaton[disabled]:focus, .magaton.disabled:hover, .magaton.disabled:focus, .magaton[disabled]:hover, .magaton[disabled]:focus {
      background-color: #63a7ed; }
    magaton.disabled.secondary, magaton[disabled].secondary, .magaton.disabled.secondary, .magaton[disabled].secondary {
      background-color: #35383f;
      border-color: #303339;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      magaton.disabled.secondary:hover, magaton.disabled.secondary:focus, magaton[disabled].secondary:hover, magaton[disabled].secondary:focus, .magaton.disabled.secondary:hover, .magaton.disabled.secondary:focus, .magaton[disabled].secondary:hover, .magaton[disabled].secondary:focus {
        background-color: #303339; }
      magaton.disabled.secondary:hover, magaton.disabled.secondary:focus, magaton[disabled].secondary:hover, magaton[disabled].secondary:focus, .magaton.disabled.secondary:hover, .magaton.disabled.secondary:focus, .magaton[disabled].secondary:hover, .magaton[disabled].secondary:focus {
        color: #FFFFFF; }
      magaton.disabled.secondary:hover, magaton.disabled.secondary:focus, magaton[disabled].secondary:hover, magaton[disabled].secondary:focus, .magaton.disabled.secondary:hover, .magaton.disabled.secondary:focus, .magaton[disabled].secondary:hover, .magaton[disabled].secondary:focus {
        background-color: #35383f; }
    magaton.disabled.success, magaton[disabled].success, .magaton.disabled.success, .magaton[disabled].success {
      background-color: #4bc986;
      border-color: #39bf78;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      magaton.disabled.success:hover, magaton.disabled.success:focus, magaton[disabled].success:hover, magaton[disabled].success:focus, .magaton.disabled.success:hover, .magaton.disabled.success:focus, .magaton[disabled].success:hover, .magaton[disabled].success:focus {
        background-color: #39bf78; }
      magaton.disabled.success:hover, magaton.disabled.success:focus, magaton[disabled].success:hover, magaton[disabled].success:focus, .magaton.disabled.success:hover, .magaton.disabled.success:focus, .magaton[disabled].success:hover, .magaton[disabled].success:focus {
        color: #FFFFFF; }
      magaton.disabled.success:hover, magaton.disabled.success:focus, magaton[disabled].success:hover, magaton[disabled].success:focus, .magaton.disabled.success:hover, .magaton.disabled.success:focus, .magaton[disabled].success:hover, .magaton[disabled].success:focus {
        background-color: #4bc986; }
    magaton.disabled.alert, magaton[disabled].alert, .magaton.disabled.alert, .magaton[disabled].alert {
      background-color: #f25050;
      border-color: #f03232;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      magaton.disabled.alert:hover, magaton.disabled.alert:focus, magaton[disabled].alert:hover, magaton[disabled].alert:focus, .magaton.disabled.alert:hover, .magaton.disabled.alert:focus, .magaton[disabled].alert:hover, .magaton[disabled].alert:focus {
        background-color: #f03232; }
      magaton.disabled.alert:hover, magaton.disabled.alert:focus, magaton[disabled].alert:hover, magaton[disabled].alert:focus, .magaton.disabled.alert:hover, .magaton.disabled.alert:focus, .magaton[disabled].alert:hover, .magaton[disabled].alert:focus {
        color: #FFFFFF; }
      magaton.disabled.alert:hover, magaton.disabled.alert:focus, magaton[disabled].alert:hover, magaton[disabled].alert:focus, .magaton.disabled.alert:hover, .magaton.disabled.alert:focus, .magaton[disabled].alert:hover, .magaton[disabled].alert:focus {
        background-color: #f25050; }
    magaton.disabled.warning, magaton[disabled].warning, .magaton.disabled.warning, .magaton[disabled].warning {
      background-color: #f27950;
      border-color: #f06132;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      magaton.disabled.warning:hover, magaton.disabled.warning:focus, magaton[disabled].warning:hover, magaton[disabled].warning:focus, .magaton.disabled.warning:hover, .magaton.disabled.warning:focus, .magaton[disabled].warning:hover, .magaton[disabled].warning:focus {
        background-color: #f06132; }
      magaton.disabled.warning:hover, magaton.disabled.warning:focus, magaton[disabled].warning:hover, magaton[disabled].warning:focus, .magaton.disabled.warning:hover, .magaton.disabled.warning:focus, .magaton[disabled].warning:hover, .magaton[disabled].warning:focus {
        color: #FFFFFF; }
      magaton.disabled.warning:hover, magaton.disabled.warning:focus, magaton[disabled].warning:hover, magaton[disabled].warning:focus, .magaton.disabled.warning:hover, .magaton.disabled.warning:focus, .magaton[disabled].warning:hover, .magaton[disabled].warning:focus {
        background-color: #f27950; }
    magaton.disabled.info, magaton[disabled].info, .magaton.disabled.info, .magaton[disabled].info {
      background-color: #63a7ed;
      border-color: #4597ea;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      magaton.disabled.info:hover, magaton.disabled.info:focus, magaton[disabled].info:hover, magaton[disabled].info:focus, .magaton.disabled.info:hover, .magaton.disabled.info:focus, .magaton[disabled].info:hover, .magaton[disabled].info:focus {
        background-color: #4597ea; }
      magaton.disabled.info:hover, magaton.disabled.info:focus, magaton[disabled].info:hover, magaton[disabled].info:focus, .magaton.disabled.info:hover, .magaton.disabled.info:focus, .magaton[disabled].info:hover, .magaton[disabled].info:focus {
        color: #FFFFFF; }
      magaton.disabled.info:hover, magaton.disabled.info:focus, magaton[disabled].info:hover, magaton[disabled].info:focus, .magaton.disabled.info:hover, .magaton.disabled.info:focus, .magaton[disabled].info:hover, .magaton[disabled].info:focus {
        background-color: #63a7ed; }

magaton::-moz-focus-inner {
  border: 0;
  padding: 0; }

@media only screen and (min-width:45.063em) {
  magaton, .magaton {
    display: inline-block; } }

.magaton-group {
  list-style: none;
  margin: 0;
  left: 0; }
  .magaton-group:before, .magaton-group:after {
    content: " ";
    display: table; }
  .magaton-group:after {
    clear: both; }
  .magaton-group > li {
    margin: 0 -2px;
    float: left;
    display: inline-block; }
    .magaton-group > li > magaton, .magaton-group > li .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group > li:first-child magaton, .magaton-group > li:first-child .magaton {
      border-left: 0; }
  .magaton-group.stack > li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    display: block;
    margin: 0;
    float: none; }
    .magaton-group.stack > li > magaton, .magaton-group.stack > li .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.stack > li:first-child magaton, .magaton-group.stack > li:first-child .magaton {
      border-left: 0; }
    .magaton-group.stack > li > magaton, .magaton-group.stack > li .magaton {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0px;
      margin: 0;
      display: block; }
    .magaton-group.stack > li:first-child magaton, .magaton-group.stack > li:first-child .magaton {
      border-top: 0; }
  .magaton-group.stack-for-small > li {
    margin: 0 -2px;
    float: left;
    display: inline-block; }
    .magaton-group.stack-for-small > li > magaton, .magaton-group.stack-for-small > li .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.stack-for-small > li:first-child magaton, .magaton-group.stack-for-small > li:first-child .magaton {
      border-left: 0; }
    @media only screen and (max-width: 45em) {
      .magaton-group.stack-for-small > li {
        margin: 0 -2px;
        float: left;
        display: inline-block;
        display: block;
        margin: 0; }
        .magaton-group.stack-for-small > li > magaton, .magaton-group.stack-for-small > li .magaton {
          border-left: 1px solid;
          border-color: rgba(255, 255, 255, 0.5); }
        .magaton-group.stack-for-small > li:first-child magaton, .magaton-group.stack-for-small > li:first-child .magaton {
          border-left: 0; }
        .magaton-group.stack-for-small > li > magaton, .magaton-group.stack-for-small > li .magaton {
          border-top: 1px solid;
          border-color: rgba(255, 255, 255, 0.5);
          border-left-width: 0px;
          margin: 0;
          display: block; }
        .magaton-group.stack-for-small > li:first-child magaton, .magaton-group.stack-for-small > li:first-child .magaton {
          border-top: 0; } }
  .magaton-group.radius > * {
    margin: 0 -2px;
    float: left;
    display: inline-block; }
    .magaton-group.radius > * > magaton, .magaton-group.radius > * .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.radius > *:first-child magaton, .magaton-group.radius > *:first-child .magaton {
      border-left: 0; }
    .magaton-group.radius > *, .magaton-group.radius > * > a, .magaton-group.radius > * > magaton, .magaton-group.radius > * > .magaton {
      border-radius: 0; }
    .magaton-group.radius > *:first-child, .magaton-group.radius > *:first-child > a, .magaton-group.radius > *:first-child > magaton, .magaton-group.radius > *:first-child > .magaton {
      -webkit-border-bottom-left-radius: 6px;
      -webkit-border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      border-top-left-radius: 6px; }
    .magaton-group.radius > *:last-child, .magaton-group.radius > *:last-child > a, .magaton-group.radius > *:last-child > magaton, .magaton-group.radius > *:last-child > .magaton {
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      border-top-right-radius: 6px; }
  .magaton-group.radius.stack > * {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    display: block;
    margin: 0; }
    .magaton-group.radius.stack > * > magaton, .magaton-group.radius.stack > * .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.radius.stack > *:first-child magaton, .magaton-group.radius.stack > *:first-child .magaton {
      border-left: 0; }
    .magaton-group.radius.stack > * > magaton, .magaton-group.radius.stack > * .magaton {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0px;
      margin: 0;
      display: block; }
    .magaton-group.radius.stack > *:first-child magaton, .magaton-group.radius.stack > *:first-child .magaton {
      border-top: 0; }
    .magaton-group.radius.stack > *, .magaton-group.radius.stack > * > a, .magaton-group.radius.stack > * > magaton, .magaton-group.radius.stack > * > .magaton {
      border-radius: 0; }
    .magaton-group.radius.stack > *:first-child, .magaton-group.radius.stack > *:first-child > a, .magaton-group.radius.stack > *:first-child > magaton, .magaton-group.radius.stack > *:first-child > .magaton {
      -webkit-top-left-radius: 6px;
      -webkit-top-right-radius: 6px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
    .magaton-group.radius.stack > *:last-child, .magaton-group.radius.stack > *:last-child > a, .magaton-group.radius.stack > *:last-child > magaton, .magaton-group.radius.stack > *:last-child > .magaton {
      -webkit-bottom-left-radius: 6px;
      -webkit-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
  @media only screen and (min-width:45.063em) {
    .magaton-group.radius.stack-for-small > * {
      margin: 0 -2px;
      float: left;
      display: inline-block; }
      .magaton-group.radius.stack-for-small > * > magaton, .magaton-group.radius.stack-for-small > * .magaton {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .magaton-group.radius.stack-for-small > *:first-child magaton, .magaton-group.radius.stack-for-small > *:first-child .magaton {
        border-left: 0; }
      .magaton-group.radius.stack-for-small > *, .magaton-group.radius.stack-for-small > * > a, .magaton-group.radius.stack-for-small > * > magaton, .magaton-group.radius.stack-for-small > * > .magaton {
        border-radius: 0; }
      .magaton-group.radius.stack-for-small > *:first-child, .magaton-group.radius.stack-for-small > *:first-child > a, .magaton-group.radius.stack-for-small > *:first-child > magaton, .magaton-group.radius.stack-for-small > *:first-child > .magaton {
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px; }
      .magaton-group.radius.stack-for-small > *:last-child, .magaton-group.radius.stack-for-small > *:last-child > a, .magaton-group.radius.stack-for-small > *:last-child > magaton, .magaton-group.radius.stack-for-small > *:last-child > .magaton {
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px; } }
  @media only screen and (max-width: 45em) {
    .magaton-group.radius.stack-for-small > * {
      margin: 0 -2px;
      float: left;
      display: inline-block;
      display: block;
      margin: 0; }
      .magaton-group.radius.stack-for-small > * > magaton, .magaton-group.radius.stack-for-small > * .magaton {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .magaton-group.radius.stack-for-small > *:first-child magaton, .magaton-group.radius.stack-for-small > *:first-child .magaton {
        border-left: 0; }
      .magaton-group.radius.stack-for-small > * > magaton, .magaton-group.radius.stack-for-small > * .magaton {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0px;
        margin: 0;
        display: block; }
      .magaton-group.radius.stack-for-small > *:first-child magaton, .magaton-group.radius.stack-for-small > *:first-child .magaton {
        border-top: 0; }
      .magaton-group.radius.stack-for-small > *, .magaton-group.radius.stack-for-small > * > a, .magaton-group.radius.stack-for-small > * > magaton, .magaton-group.radius.stack-for-small > * > .magaton {
        border-radius: 0; }
      .magaton-group.radius.stack-for-small > *:first-child, .magaton-group.radius.stack-for-small > *:first-child > a, .magaton-group.radius.stack-for-small > *:first-child > magaton, .magaton-group.radius.stack-for-small > *:first-child > .magaton {
        -webkit-top-left-radius: 6px;
        -webkit-top-right-radius: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
      .magaton-group.radius.stack-for-small > *:last-child, .magaton-group.radius.stack-for-small > *:last-child > a, .magaton-group.radius.stack-for-small > *:last-child > magaton, .magaton-group.radius.stack-for-small > *:last-child > .magaton {
        -webkit-bottom-left-radius: 6px;
        -webkit-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px; } }
  .magaton-group.round > * {
    margin: 0 -2px;
    float: left;
    display: inline-block; }
    .magaton-group.round > * > magaton, .magaton-group.round > * .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.round > *:first-child magaton, .magaton-group.round > *:first-child .magaton {
      border-left: 0; }
    .magaton-group.round > *, .magaton-group.round > * > a, .magaton-group.round > * > magaton, .magaton-group.round > * > .magaton {
      border-radius: 0; }
    .magaton-group.round > *:first-child, .magaton-group.round > *:first-child > a, .magaton-group.round > *:first-child > magaton, .magaton-group.round > *:first-child > .magaton {
      -webkit-border-bottom-left-radius: 1000px;
      -webkit-border-top-left-radius: 1000px;
      border-bottom-left-radius: 1000px;
      border-top-left-radius: 1000px; }
    .magaton-group.round > *:last-child, .magaton-group.round > *:last-child > a, .magaton-group.round > *:last-child > magaton, .magaton-group.round > *:last-child > .magaton {
      -webkit-border-bottom-right-radius: 1000px;
      -webkit-border-top-right-radius: 1000px;
      border-bottom-right-radius: 1000px;
      border-top-right-radius: 1000px; }
  .magaton-group.round.stack > * {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    display: block;
    margin: 0; }
    .magaton-group.round.stack > * > magaton, .magaton-group.round.stack > * .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.round.stack > *:first-child magaton, .magaton-group.round.stack > *:first-child .magaton {
      border-left: 0; }
    .magaton-group.round.stack > * > magaton, .magaton-group.round.stack > * .magaton {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0px;
      margin: 0;
      display: block; }
    .magaton-group.round.stack > *:first-child magaton, .magaton-group.round.stack > *:first-child .magaton {
      border-top: 0; }
    .magaton-group.round.stack > *, .magaton-group.round.stack > * > a, .magaton-group.round.stack > * > magaton, .magaton-group.round.stack > * > .magaton {
      border-radius: 0; }
    .magaton-group.round.stack > *:first-child, .magaton-group.round.stack > *:first-child > a, .magaton-group.round.stack > *:first-child > magaton, .magaton-group.round.stack > *:first-child > .magaton {
      -webkit-top-left-radius: 0.75rem;
      -webkit-top-right-radius: 0.75rem;
      border-top-left-radius: 0.75rem;
      border-top-right-radius: 0.75rem; }
    .magaton-group.round.stack > *:last-child, .magaton-group.round.stack > *:last-child > a, .magaton-group.round.stack > *:last-child > magaton, .magaton-group.round.stack > *:last-child > .magaton {
      -webkit-bottom-left-radius: 0.75rem;
      -webkit-bottom-right-radius: 0.75rem;
      border-bottom-left-radius: 0.75rem;
      border-bottom-right-radius: 0.75rem; }
  @media only screen and (min-width:45.063em) {
    .magaton-group.round.stack-for-small > * {
      margin: 0 -2px;
      float: left;
      display: inline-block; }
      .magaton-group.round.stack-for-small > * > magaton, .magaton-group.round.stack-for-small > * .magaton {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .magaton-group.round.stack-for-small > *:first-child magaton, .magaton-group.round.stack-for-small > *:first-child .magaton {
        border-left: 0; }
      .magaton-group.round.stack-for-small > *, .magaton-group.round.stack-for-small > * > a, .magaton-group.round.stack-for-small > * > magaton, .magaton-group.round.stack-for-small > * > .magaton {
        border-radius: 0; }
      .magaton-group.round.stack-for-small > *:first-child, .magaton-group.round.stack-for-small > *:first-child > a, .magaton-group.round.stack-for-small > *:first-child > magaton, .magaton-group.round.stack-for-small > *:first-child > .magaton {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px; }
      .magaton-group.round.stack-for-small > *:last-child, .magaton-group.round.stack-for-small > *:last-child > a, .magaton-group.round.stack-for-small > *:last-child > magaton, .magaton-group.round.stack-for-small > *:last-child > .magaton {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px; } }
  @media only screen and (max-width: 45em) {
    .magaton-group.round.stack-for-small > * {
      margin: 0 -2px;
      float: left;
      display: inline-block;
      display: block;
      margin: 0; }
      .magaton-group.round.stack-for-small > * > magaton, .magaton-group.round.stack-for-small > * .magaton {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .magaton-group.round.stack-for-small > *:first-child magaton, .magaton-group.round.stack-for-small > *:first-child .magaton {
        border-left: 0; }
      .magaton-group.round.stack-for-small > * > magaton, .magaton-group.round.stack-for-small > * .magaton {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0px;
        margin: 0;
        display: block; }
      .magaton-group.round.stack-for-small > *:first-child magaton, .magaton-group.round.stack-for-small > *:first-child .magaton {
        border-top: 0; }
      .magaton-group.round.stack-for-small > *, .magaton-group.round.stack-for-small > * > a, .magaton-group.round.stack-for-small > * > magaton, .magaton-group.round.stack-for-small > * > .magaton {
        border-radius: 0; }
      .magaton-group.round.stack-for-small > *:first-child, .magaton-group.round.stack-for-small > *:first-child > a, .magaton-group.round.stack-for-small > *:first-child > magaton, .magaton-group.round.stack-for-small > *:first-child > .magaton {
        -webkit-top-left-radius: 0.75rem;
        -webkit-top-right-radius: 0.75rem;
        border-top-left-radius: 0.75rem;
        border-top-right-radius: 0.75rem; }
      .magaton-group.round.stack-for-small > *:last-child, .magaton-group.round.stack-for-small > *:last-child > a, .magaton-group.round.stack-for-small > *:last-child > magaton, .magaton-group.round.stack-for-small > *:last-child > .magaton {
        -webkit-bottom-left-radius: 0.75rem;
        -webkit-bottom-right-radius: 0.75rem;
        border-bottom-left-radius: 0.75rem;
        border-bottom-right-radius: 0.75rem; } }
  .magaton-group.even-2 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 50%; }
    .magaton-group.even-2 li > magaton, .magaton-group.even-2 li .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.even-2 li:first-child magaton, .magaton-group.even-2 li:first-child .magaton {
      border-left: 0; }
    .magaton-group.even-2 li magaton, .magaton-group.even-2 li .magaton {
      width: 100%; }
  .magaton-group.even-3 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 33.33333%; }
    .magaton-group.even-3 li > magaton, .magaton-group.even-3 li .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.even-3 li:first-child magaton, .magaton-group.even-3 li:first-child .magaton {
      border-left: 0; }
    .magaton-group.even-3 li magaton, .magaton-group.even-3 li .magaton {
      width: 100%; }
  .magaton-group.even-4 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 25%; }
    .magaton-group.even-4 li > magaton, .magaton-group.even-4 li .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.even-4 li:first-child magaton, .magaton-group.even-4 li:first-child .magaton {
      border-left: 0; }
    .magaton-group.even-4 li magaton, .magaton-group.even-4 li .magaton {
      width: 100%; }
  .magaton-group.even-5 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 20%; }
    .magaton-group.even-5 li > magaton, .magaton-group.even-5 li .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.even-5 li:first-child magaton, .magaton-group.even-5 li:first-child .magaton {
      border-left: 0; }
    .magaton-group.even-5 li magaton, .magaton-group.even-5 li .magaton {
      width: 100%; }
  .magaton-group.even-6 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 16.66667%; }
    .magaton-group.even-6 li > magaton, .magaton-group.even-6 li .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.even-6 li:first-child magaton, .magaton-group.even-6 li:first-child .magaton {
      border-left: 0; }
    .magaton-group.even-6 li magaton, .magaton-group.even-6 li .magaton {
      width: 100%; }
  .magaton-group.even-7 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 14.28571%; }
    .magaton-group.even-7 li > magaton, .magaton-group.even-7 li .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.even-7 li:first-child magaton, .magaton-group.even-7 li:first-child .magaton {
      border-left: 0; }
    .magaton-group.even-7 li magaton, .magaton-group.even-7 li .magaton {
      width: 100%; }
  .magaton-group.even-8 li {
    margin: 0 -2px;
    float: left;
    display: inline-block;
    width: 12.5%; }
    .magaton-group.even-8 li > magaton, .magaton-group.even-8 li .magaton {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .magaton-group.even-8 li:first-child magaton, .magaton-group.even-8 li:first-child .magaton {
      border-left: 0; }
    .magaton-group.even-8 li magaton, .magaton-group.even-8 li .magaton {
      width: 100%; }

.magaton-bar:before, .magaton-bar:after {
  content: " ";
  display: table; }
.magaton-bar:after {
  clear: both; }
.magaton-bar .magaton-group {
  float: left;
  margin-right: 0.625rem; }
  .magaton-bar .magaton-group div {
    overflow: hidden; }