.bp-container {
  max-width: 1320px;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

.bp-container-0 {
  max-width: 1320px;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

.bp-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  width: calc(100% + 30px) !important;
  box-sizing: border-box;
  position: relative;
}
.bp-row::after {
  content: "";
  clear: both;
  display: table;
}

[class*=bp-col-] {
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  position: relative;
}

.bp-col-1 {
  max-width: 8.3333333333%;
  width: 100%;
  flex-basis: 8.3333333333%;
}

.bp-col-2 {
  max-width: 16.6666666667%;
  width: 100%;
  flex-basis: 16.6666666667%;
}

.bp-col-3 {
  max-width: 25%;
  width: 100%;
  flex-basis: 25%;
}

.bp-col-4 {
  max-width: 33.3333333333%;
  width: 100%;
  flex-basis: 33.3333333333%;
}

.bp-col-5 {
  max-width: 41.6666666667%;
  width: 100%;
  flex-basis: 41.6666666667%;
}

.bp-col-6 {
  max-width: 50%;
  width: 100%;
  flex-basis: 50%;
}

.bp-col-7 {
  max-width: 58.3333333333%;
  width: 100%;
  flex-basis: 58.3333333333%;
}

.bp-col-8 {
  max-width: 66.6666666667%;
  width: 100%;
  flex-basis: 66.6666666667%;
}

.bp-col-9 {
  max-width: 75%;
  width: 100%;
  flex-basis: 75%;
}

.bp-col-10 {
  max-width: 83.3333333333%;
  width: 100%;
  flex-basis: 83.3333333333%;
}

.bp-col-11 {
  max-width: 91.6666666667%;
  width: 100%;
  flex-basis: 91.6666666667%;
}

.bp-col-12 {
  max-width: 100%;
  width: 100%;
  flex-basis: 100%;
}

.w-300 {
  max-width: 300px;
}

.rounded {
  border-radius: 30px;
}

/*# sourceMappingURL=grid.css.map */