/* Malli: @include icon($facebook)*/
.tabs {
  padding: 0;
  list-style: none;
  display: flex;
  border: none;
  background: none;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
  flex-flow: initial; }
  .tabs:before, .tabs:after {
    display: none; }
  .tabs .tabs-title {
    display: inline-block;
    width: 100%;
    float: unset;
    background-color: transparent;
    margin: 0 calc(0rem / 2) 0rem calc(0rem / 2);
    border-left: 0.0625rem solid #f3352e;
    border-top: 0.0625rem solid #f3352e;
    border-bottom: 0.0625rem solid #f3352e; }
    .tabs .tabs-title:first-child {
      border-radius: 0.25rem 0 0 0.25rem; }
      .tabs .tabs-title:first-child a {
        border-radius: 0.25rem 0 0 0.25rem; }
    .tabs .tabs-title:last-child {
      border-right: 0.0625rem solid #f3352e;
      border-radius: 0 0.25rem 0.25rem 0; }
      .tabs .tabs-title:last-child a {
        border-radius: 0 0.25rem 0.25rem 0; }
    .tabs .tabs-title:first-child {
      margin-left: 0; }
    .tabs .tabs-title:last-child {
      margin-right: 0; }
    .tabs .tabs-title a {
      margin: calc(0.0625rem * -1);
      text-align: center !important;
      position: relative;
      font-family: 'Assistant', Arial, Helvetica, sans-serif;
      font-weight: 500;
      font-style: normal;
      transition: all 0.2s;
      font-size: 1rem;
      height: 3.75rem;
      line-height: 3.75rem;
      letter-spacing: 0rem;
      text-transform: initial;
      color: #222222;
      border-width: 0.0625rem;
      border-color: #f3352e;
      padding-left: 1.5625rem;
      padding-right: 1.5625rem;
      padding-top: 0;
      padding-bottom: 0;
      text-decoration: none;
      white-space: nowrap; }
      .tabs .tabs-title a:hover, .tabs .tabs-title a:active, .tabs .tabs-title a:focus {
        color: #ffffff;
        background-color: #ec1008;
        border-color: #ec1008;
        text-decoration: none; }
      @media screen and (max-width: 63.9375em) {
        .tabs .tabs-title a {
          height: calc(3.75rem * 0.9);
          line-height: calc(3.75rem * 0.9); } }
    @media screen and (max-width: 47.9375em) {
      .tabs .tabs-title a {
        text-align: left;
        font-size: 1rem; }
        .tabs .tabs-title a:before {
          display: inline-block; } }
  @media screen and (max-width: 31.1875em) {
    .tabs .tabs-title a {
      height: calc(3.75rem * 0.8);
      line-height: calc(3.75rem * 0.8); } }
.tabs .tabs-title.is-active a {
  background-color: #f3352e;
  color: #ffffff; }
  .tabs .tabs-title.is-active a:hover, .tabs .tabs-title.is-active a:active, .tabs .tabs-title.is-active a:focus {
    background-color: #f3352e;
    color: #ffffff; }
.tabs .tabs-title.disabled {
  pointer-events: none; }
  .tabs .tabs-title.disabled a {
    color: rgba(34, 34, 34, 0.7); }
@media screen and (max-width: 47.9375em) {
  .tabs {
    display: block;
    justify-content: initial; }
    .tabs .tabs-title {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }

.tabs-content {
  border: 0.0625rem solid #f3352e;
  border-radius: 0.25rem;
  padding: 1.5625rem 2.1875rem 2.1875rem 2.1875rem; }
@media screen and (max-width: 63.9375em) {
  .tabs-content {
    padding: calc(1.5625rem * 0.9) calc(2.1875rem * 0.9) calc(2.1875rem * 0.9) calc(2.1875rem * 0.9); } }
@media screen and (max-width: 47.9375em) {
  .tabs-content {
    padding: calc(1.5625rem * 0.8) calc(2.1875rem * 0.8) calc(2.1875rem * 0.8) calc(2.1875rem * 0.8); } }
@media screen and (max-width: 31.1875em) {
  .tabs-content {
    padding: 1.5625rem 1.5625rem 1.5625rem 1.5625rem; } }
.tabs-content .tabs-panel {
  padding: 0; }
  .tabs-content .tabs-panel :first-child {
    margin-top: 0; }
  .tabs-content .tabs-panel :last-child {
    margin-bottom: 0; }