.c-333333 { color: #333333 !important }
.c-555555 { color: #555555 !important }
.c-666666 { color: #666666 !important }
.c-999999 { color: #999999 !important }
.c-white { color: white !important }
.c-green { color: #00B956 !important }
.c-00d965 { color: #00d965 !important }
.c-01ec7f { color: #01ec7f !important }

.hr {
  width: 100%;
  border-bottom: solid 1px #E2E2E2;
}

.f-14 { font-size: 14px !important }
.f-16 { font-size: 16px !important }
.f-18 { font-size: 18px !important }
.f-20 { font-size: 20px !important }
.f-22 { font-size: 22px !important }
.f-24 { font-size: 24px !important }
.f-34 { font-size: 34px !important }

.mt-5 { margin-top: 5px !important }
.mt-10 { margin-top: 10px !important }
.mt-20 { margin-top: 20px !important }
.mt-30 { margin-top: 30px !important }

.mb-0 { margin-bottom: 0px !important }
.mb-5 { margin-bottom: 5px !important }
.mb-10 { margin-bottom: 10px !important }
.mb-15 { margin-bottom: 15px !important }
.mb-20 { margin-bottom: 20px !important }
.mb-30 { margin-bottom: 30px !important }
.mb-40 { margin-bottom: 40px !important }
.mb-50 { margin-bottom: 50px !important }

.mx-auto { margin-left: auto !important; margin-right: auto !important }

.my-15 { margin-top: 15px !important; margin-bottom: 15px !important }

.mr-0 { margin-right: 0 !important }
.mr-10 { margin-right: 10px !important }
.mr-20 { margin-right: 20px !important }
.mr-30 { margin-right: 30px !important }
.mr-35 { margin-right: 35px !important }

.visible-w411 {
  display: none !important;
}

@media screen and (max-width: 411px) {
  .visible-w411 {
    display: block !important;
  }
}
@media screen and (width: 320px) {
  .visible-w320-only {
    display: none !important;
  }
}