.d-n {
  display: none;
}

.d-b {
  display: block;
}

.d-ib {
  display: inline-block;
}

.d-f {
  display: -ms-flexbox;
  display: flex;
}

.p-r {
  position: relative;
}

.p-a {
  position: absolute;
}

.f-r {
  -ms-flex-direction: row;
  flex-direction: row;
}

.f-c {
  -ms-flex-direction: column;
  flex-direction: column;
}

.f-rr {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.f-cr {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.f-w {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.f-nw {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.f-wr {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.f-f {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.f-g-1 {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.jc-s {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.jc-e {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.jc-c {
  -ms-flex-pack: center;
  justify-content: center;
}

.jc-b {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.jc-a {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.ai-s {
  -ms-flex-align: start;
  align-items: flex-start;
}

.ai-e {
  -ms-flex-align: end;
  align-items: flex-end;
}

.ai-c {
  -ms-flex-align: center;
  align-items: center;
}

.ai-ba {
  -ms-flex-align: baseline;
  align-items: baseline;
}

.ai-st {
  -ms-flex-align: stretch;
  align-items: stretch;
}

.ac-s {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.ac-e {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.ac-c {
  -ms-flex-line-pack: center;
  align-content: center;
}

.ac-b {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.ac-a {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.ac-st {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.as-auto {
  -ms-flex-item-align: auto;
  align-self: auto;
}

.as-s {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.as-e {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.as-c {
  -ms-flex-item-align: center;
  align-self: center;
}

.as-ba {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.as-st {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.m-a {
  margin: 0 auto;
}

.m-0 {
  margin: 0;
}

.mt-0, .my-0 {
  margin-top: 0;
}

.mr-0, .mx-0 {
  margin-right: 0;
}

.mb-0, .my-0 {
  margin-bottom: 0;
}

.ml-0, .mx-0 {
  margin-left: 0;
}

.m-1 {
  margin: 10px;
}

.mt-1, .my-1 {
  margin-top: 10px;
}

.mr-1, .mx-1 {
  margin-right: 10px;
}

.mb-1, .my-1 {
  margin-bottom: 10px;
}

.ml-1, .mx-1 {
  margin-left: 10px;
}

.m-2 {
  margin: 20px;
}

.mt-2, .my-2 {
  margin-top: 20px;
}

.mr-2, .mx-2 {
  margin-right: 20px;
}

.mb-2, .my-2 {
  margin-bottom: 20px;
}

.ml-2, .mx-2 {
  margin-left: 20px;
}

.m-3 {
  margin: 30px;
}

.mt-3, .my-3 {
  margin-top: 30px;
}

.mr-3, .mx-3 {
  margin-right: 30px;
}

.mb-3, .my-3 {
  margin-bottom: 30px;
}

.ml-3, .mx-3 {
  margin-left: 30px;
}

.m-4 {
  margin: 50px;
}

.mt-4, .my-4 {
  margin-top: 50px;
}

.mr-4, .mx-4 {
  margin-right: 50px;
}

.mb-4, .my-4 {
  margin-bottom: 50px;
}

.ml-4, .mx-4 {
  margin-left: 50px;
}

.m-5 {
  margin: 100px;
}

.mt-5, .my-5 {
  margin-top: 100px;
}

.mr-5, .mx-5 {
  margin-right: 100px;
}

.mb-5, .my-5 {
  margin-bottom: 100px;
}

.ml-5, .mx-5 {
  margin-left: 100px;
}