/**
 * Default --------------------------------------------------------------------
 * margin-left -56px
 * padding-left 56px
 * margin-bottom 80px
 */

/**
 * Narrow ---------------------------------------------------------------------
 * padding-left -32px
 * padding-left 32px
 * margin-bottom 32px
 */

/**
 * Tight ----------------------------------------------------------------------
 * margin-left -16px
 * padding-left 16px
 * margin-bottom 16px
 */

/**
 * Wide --------------------------------------------------------------------
 * margin-left -80px
 * padding-left 80px
 * margin-bottom 80px
 */

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -56px;
  overflow-x: hidden;
}
.row--start {
  justify-content: flex-start;
}
.row--vertical-start {
  align-items: flex-start;
}
.row--center {
  justify-content: center;
}
.row--vertical-center {
  align-items: center;
}
.row--stretch {
  align-items: stretch;
}
.row--end {
  justify-content: flex-end;
}
.row--vertical-end {
  align-items: flex-end;
}
.row--around {
  justify-content: space-around;
}
.row--between {
  justify-content: space-between;
}
.row--evenly {
  justify-content: space-evenly;
}
.row.row--no-gutters {
  margin-left: 0;
}
.row.row--no-gutters > div {
  padding-left: 0;
}
.row.row--no-m-b > div,
.row.row--no-m-b > li,
.row.row--no-m-b > section {
  margin-bottom: 0;
}
.row.row--is-narrow {
  margin-left: -32px;
}
.row.row--is-narrow > li,
.row.row--is-narrow > div {
  padding-left: 32px;
  margin-bottom: 32px;
}
.row.row--is-narrow.row--no-m-b > div,
.row.row--is-tight.row--no-m-b > div,
.row.row--is-narrow > div.col--no-m-b {
  margin-bottom: 0;
}
.row.row--is-tight {
  margin-left: -16px;
}
.row.row--is-tight > li,
.row.row--is-tight > div {
  padding-left: 16px;
  margin-bottom: 16px;
}
.row.row--is-wide {
  margin-left: -80px;
}
.row.row--is-wide > li,
.row.row--is-wide > div {
  padding-left: 80px;
}
@media screen and (min-width: 1400px) {
  .row.row--is-narrow-xxl {
    margin-left: -32px;
  }
  .row.row--is-narrow-xxl > li {
    padding-left: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1620px) {
  .row.row--is-default-ws {
    margin-left: -56px;
  }
  .row.row--is-default-ws > li {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
.col {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
}
.col--start {
  justify-content: flex-start;
}
.col--center {
  justify-content: center;
}
.col--end {
  justify-content: flex-end;
}
.col--around {
  justify-content: space-around;
}
.col--between {
  justify-content: space-between;
}
.col--evenly {
  justify-content: space-evenly;
}
.col-33\%.col--is-narrow,
.col-60\%.col--is-narrow,
.col-100\%.col--is-narrow {
  padding-left: 32px;
}
.col-20\%.col--no-m-b,
.col-30\%.col--no-m-b,
.col-33\%.col--no-m-b,
.col-35\%.col--no-m-b,
.col-50\%.col--no-m-b,
.col-65\%.col--no-m-b,
.col-70\%.col--no-m-b,
.col-80\%.col--no-m-b,
.col-100\%.col--no-m-b {
  margin-bottom: 0;
}
.col-20\%,
.col-30\%,
.col-33\%,
.col-35\%,
.col-40\%,
.col-50\%,
.col-60\%,
.col-60\%--is-tight,
.col-65\%,
.col-70\%,
.col-80\%,
.col-100\%,
.col-33\%-s {
  padding-left: 56px;
  margin-bottom: 80px;
  overflow-x: hidden;
}
.col-60\%--is-tight {
  padding-left: 16px;
}
.col-20\% {
  flex: 0 0 20%;
}
.col-30\% {
  flex: 0 0 30%;
}
.col-33\% {
  flex: 0 0 33.3333333333%;
}
.col-35\% {
  flex: 0 0 35%;
}
.col-40\% {
  flex: 0 0 40%;
}
.col-50\% {
  flex: 0 0 50%;
}
.col-60\%,
.col-60\%--is-tight {
  flex: 0 0 60%;
}
.col-65\% {
  flex: 0 0 65%;
}
.col-70\% {
  flex: 0 0 70%;
}
.col-80\% {
  flex: 0 0 80%;
}
.col-100\% {
  flex: 0 0 100%;
}
@media screen and (min-width: 576px) { /*s*/
  .col-25\%-s {
    flex: 0 0 25%;
  }
  .col-33\%-s {
    flex: 0 0 33.3333333333%;
  }
  .col-40\%-s {
    flex: 0 0 40%;
  }
  .col-50\%-s {
    flex: 0 0 50%;
  }
  .col-60\%-s {
    flex: 0 0 60%;
  }
  .col-60\%-s--is-narrow {
    padding-left: 32px;
  }
  .col-65\%-s {
    flex: 0 0 65%;
  }
  .col-70\%-s {
    flex: 0 0 70%;
  }
  .col-75\%-s {
    flex: 0 0 75%;
  }
  .col-80\%-s {
    flex: 0 0 80%;
  }
  .col-100\%.col--is-shallow-s {
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 768px) { /*m*/
  .col-16\%-m {
    flex: 0 0 16%;
  }
  .col-18\%-m {
    flex: 0 0 18%;
  }
  .col-20\%-m {
    flex: 0 0 20%;
  }
  .col-25\%-m {
    flex: 0 0 25%;
  }
  .col-28\%-m {
    flex: 0 0 28%;
  }
  .col-30\%-m {
    flex: 0 0 30%;
  }
  .col-33\%-m {
    flex: 0 0 33.3333333333%;
  }
  .col-34\%-m {
    flex: 0 0 34%;
  }
  .col-35\%-m {
    flex: 0 0 35%;
  }
  .col-36\%-m {
    flex: 0 0 36%;
  }
  .col-40\%-m {
    flex: 0 0 40%;
  }
  .col-45\%-m {
    flex: 0 0 45%;
  }
  .col-50\%-m {
    flex: 0 0 50%;
  }
  .col-55\%-m {
    flex: 0 0 55%;
  }
  .col-60\%-m {
    flex: 0 0 60%;
  }
  .col-65\%-m {
    flex: 0 0 65%;
  }
  .col-66\%-m {
    flex: 0 0 66.6666666666%;
  }
  .col-70\%-m {
    flex: 0 0 70%;
  }
  .col-75\%-m {
    flex: 0 0 75%;
  }
  .col-80\%-m {
    flex: 0 0 80%;
  }
  .col-order-0-m {
    order: 0;
  }
  .col-order-1-m {
    order: 1;
  }
  .col--is-narrow-m {
    padding-left: 32px;
  }
}
@media screen and (min-width: 992px) { /*l*/
  .row.row--is-default-l {
    margin-left: -56px;
  }
  .row.row--is-default-l > li,
  .row.row--is-default-l > div {
    padding-left: 56px;
    margin-bottom: 56px;
  }
  .col-15\%-l {
    flex: 0 0 15%;
  }
  .col-20\%-l {
    flex: 0 0 20%;
  }
  .col-25\%-l {
    flex: 0 0 25%;
  }
  .col-30\%-l {
    flex: 0 0 30%;
  }
  .col-33\%-l {
    flex: 0 0 33.3333333333%;
  }
  .col-35\%-l {
    flex: 0 0 35%;
  }
  .col-40\%-l {
    flex: 0 0 40%;
  }
  .col-50\%-l {
    flex: 0 0 50%;
  }
  .col-60\%-l {
    flex: 0 0 60%;
  }
  .col-65\%-l {
    flex: 0 0 65%;
  }
  .col-70\%-l {
    flex: 0 0 70%;
  }
  .col-75\%-l {
    flex: 0 0 75%;
  }
  .col-80\%-l {
    flex: 0 0 80%;
  }
  .col-85\%-l {
    flex: 0 0 85%;
  }
  .col-35\%.col--no-m-b-l,
  .col-50\%.col--no-m-b-l,
  .col-65\%.col--no-m-b-l,
  .col-100\%.col--no-m-b-l {
    margin-bottom: 0;
  }
} 
@media screen and (min-width: 1200px) { /*xl*/
  .col-13\%-xl {
    flex: 0 0 13%;
  }
  .col-16\%-xl {
    flex: 0 0 16.6666666666%;
  }
  .col-17\%-xl {
    flex: 0 0 17%;
  }
  .col-20\%-xl {
    flex: 0 0 20%;
  }
  .col-24\%-xl {
    flex: 0 0 24%;
  }
  .col-25\%-xl {
    flex: 0 0 25%;
  }
  .col-30\%-xl {
    flex: 0 0 30%;
  }
  .col-35\%-xl {
    flex: 0 0 35%;
  }
  .col-33\%-xl {
    flex: 0 0 33.3333333333%;
  }
  .col-40\%-xl {
    flex: 0 0 40%;
  }
  .col-46\%-xl {
    flex: 0 0 46%;
  }
  .col-50\%-xl {
    flex: 0 0 50%;
  }
  .col-60\%-xl {
    flex: 0 0 60%;
  }
  .col-65\%-xl {
    flex: 0 0 65%;
  }
  .col-70\%-xl {
    flex: 0 0 70%;
  }
  .col-75\%-xl {
    flex: 0 0 75%;
  }
  .col-80\%-xl {
    flex: 0 0 80%;
  }
  .col--no-m-b-xl {
    margin-bottom: 0;
  }
  .col-order-0-xl {
    order: 0;
  }
  .col-order-1-xl {
    order: 1;
  }
} 
@media screen and (min-width: 1400px) { /*xxl*/
  .col-10\%-xxl {
    flex: 0 0 10%;
  }
  .col-15\%-xxl {
    flex: 0 0 15%;
  }
  .col-16\%-xxl {
    flex: 0 0 16.6666666666%;
  }
  .col-20\%-xxl {
    flex: 0 0 20%;
  }
  .col-25\%-xxl {
    flex: 0 0 25%;
  }
  .col-28\%-xxl {
    flex: 0 0 28%;
  }
  .col-30\%-xxl {
    flex: 0 0 30%;
  }
  .col-33\%-xxl {
    flex: 0 0 33.3333333333%;
  }
  .col-35\%-xxl {
    flex: 0 0 35%;
  }
  .col-40\%-xxl {
    flex: 0 0 40%;
  }
  .col-45\%-xxl {
    flex: 0 0 45%;
  }
  .col-50\%-xxl {
    flex: 0 0 50%;
  }
  .col-60\%-xxl {
    flex: 0 0 60%;
  }
  .col-65\%-xxl {
    flex: 0 0 65%;
  }
  .col-70\%-xxl {
    flex: 0 0 70%;
  }
  .col-72\%-xxl {
    flex: 0 0 72%;
  }
  .col-75\%-xxl {
    flex: 0 0 75%;
  }
  .col-85\%-xxl {
    flex: 0 0 85%;
  }
  .col-90\%-xxl {
    flex: 0 0 90%;
  }
  .col-100\%-xxl {
    flex: 0 0 100%;
  }
  .col-order-0-xxl {
    order: 0;
  }
  .col-order-1-xxl {
    order: 1;
  }
  .row--is-narrow-xxl,
  .col--is-narrow-xxl {
    padding-left: 32px;
  }
}
@media screen and (min-width: 1620px) { /*ws*/
  .col-20\%-ws {
    flex: 0 0 20%;
  }
  .col-25\%-ws {
    flex: 0 0 25%;
  }
  .col-30\%-ws {
    flex: 0 0 30%;
  }
  .col-33\%-ws {
    flex: 0 0 33.3333333333%;
  }
  .col-35\%-ws {
    flex: 0 0 35%;
  }
  .col-65\%-ws {
    flex: 0 0 65%;
  }
  .col-70\%-ws {
    flex: 0 0 70%;
  }
  .col-75\%-ws {
    flex: 0 0 75%;
  }
  .col-80\%-ws {
    flex: 0 0 80%;
  }
  .col-100\%-ws {
    flex: 0 0 100%;
  }
  .col--no-m-b-ws {
    margin-bottom: 0;
  }
  .col-order-0-ws {
    order: 0;
  }
  .col-order-1-ws {
    order: 1;
  }
}

@media screen and (min-width: 480px) {} /*xs*/
@media screen and (min-width: 576px) {} /*s*/
@media screen and (min-width: 768px) {} /*m*/
@media screen and (min-width: 992px) {} /*l*/
@media screen and (min-width: 1200px) {} /*xl*/
@media screen and (min-width: 1400px) {} /*xxl*/
@media screen and (min-width: 1620px) {} /*ws*/