.f--left {
  float: left;
}
.f--right {
  float: right;
}
.t--c {
  text-align: center !important;
}
.t--r {
  text-align: right !important;
}
.t--l {
  text-align: left !important;
}
.border--radius {
  border-radius: 4px;
}
.border--rounded {
  border-radius: 500px !important;
}
.border--none {
  border: none !important;
}
.hr {
  position: relative;
  width: 60%;
  margin: 10px auto;
}
.hr:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 100px;
  margin-top: -6px;
  box-shadow: 0 0 0 10px #fff;
}
.m {
  margin: 20px 0 !important;
}
.m--sm {
  margin: 10px 0 !important;
}
.m--mini {
  margin: 5px 0 !important;
}
.m--b {
  margin: 0 0 20px !important;
}
.m--b-xlg {
  margin: 0 0 80px !important;
}
.m--b-lg {
  margin: 0 0 40px !important;
}
.m--b-sm {
  margin: 0 0 10px !important;
}
.m--b-mini {
  margin: 0 0 5px !important;
}
.m--t {
  margin: 20px 0 0 !important;
}
.m--t-xxxlg {
  margin: 240px 0 0 !important;
}
.m--t-xxlg {
  margin: 160px 0 0 !important;
}
.m--t-xlg {
  margin: 80px 0 0 !important;
}
.m--t-lg {
  margin: 40px 0 0 !important;
}
.m--t-md {
  margin: 30px 0 0 !important;
}
.m--t-sm {
  margin: 10px 0 0 !important;
}
.m--t-mini {
  margin: 5px 0 0 !important;
}
.m--t-reset {
  margin-top: 0 !important;
}
.m--t-reverse {
  margin-top: -20px !important;
}
.m--l {
  margin: 0 0 0 20px !important;
}
.m--l-sm {
  margin: 0 0 0 10px !important;
}
.m--l-mini {
  margin: 0 0 0 5px !important;
}
.m--r {
  margin: 0 20px 0 0 !important;
}
.m--r-lg {
  margin: 0 40px 0 0 !important;
}
.m--r-md {
  margin: 0 30px 0 0 !important;
}
.m--r-sm {
  margin: 0 10px 0 0 !important;
}
.m--r-mini {
  margin: 0 5px 0 0 !important;
}
.m--auto {
  margin: 0 auto;
}
.m--v {
  margin: 20px 0 !important;
}
.m--v-xlg {
  margin: 80px 0 !important;
}
.m--v-lg {
  margin: 40px 0 !important;
}
.m--v-sm {
  margin: 10px 0 !important;
}
.m--v-mini {
  margin: 5px 0 !important;
}
.m--v-5 {
  margin: 5px 0 !important;
}
.m--reset {
  margin: 0 !important;
}
.p--reset {
  padding: 0 !important;
}
.cursor--pointer {
  cursor: pointer;
}
.icon--sm {
  font-size: 150%;
  vertical-align: -10%;
}
.icon--md {
  font-size: 200%;
  vertical-align: -16%;
}
.icon--lg {
  font-size: 250%;
  vertical-align: -22%;
}
.visible {
  display: block !important;
}
.hidden {
  display: none !important;
}
.d--ib {
  display: inline-block !important;
}
.blockquote,
blockquote {
  position: relative;
  padding-left: 30px;
  border-left: 2px solid #3486db;
  margin: 15px 0;
  font-weight: 300;
  font-size: 0.9rem;
  line-height: 1.3rem;
}
.clearfix {
  display: block;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
@media (min-width: 320px) and (max-width: 767px) {
  .hidden--xs {
    display: none !important;
  }
  .m {
    margin: 20px 0 !important;
  }
  .m--sm-xs {
    margin: 10px 0 !important;
  }
  .m--mini-xs {
    margin: 5px 0 !important;
  }
  .m--b {
    margin: 0 0 20px !important;
  }
  .m--b-xlg-xs {
    margin: 0 0 80px !important;
  }
  .m--b-lg-xs {
    margin: 0 0 40px !important;
  }
  .m--b-sm-xs {
    margin: 0 0 10px !important;
  }
  .m--b-mini-xs {
    margin: 0 0 5px !important;
  }
  .m--t-xs {
    margin: 20px 0 0 !important;
  }
  .m--t-xxxlg-xs {
    margin: 240px 0 0 !important;
  }
  .m--t-xxlg-xs {
    margin: 160px 0 0 !important;
  }
  .m--t-xlg-xs {
    margin: 80px 0 0 !important;
  }
  .m--t-lg-xs {
    margin: 40px 0 0 !important;
  }
  .m--t-md-xs {
    margin: 30px 0 0 !important;
  }
  .m--t-sm-xs {
    margin: 10px 0 0 !important;
  }
  .m--t-mini-xs {
    margin: 5px 0 0 !important;
  }
  .m--t-reset-xs {
    margin-top: 0 !important;
  }
  .m--t-reverse-xs {
    margin-top: -20px !important;
  }
  .m--reset-xs {
    margin: 0 !important;
  }
  .visible--xlg {
    display: none !important;
  }
  .visible--lg {
    display: none !important;
  }
  .visible--md {
    display: none !important;
  }
  .visible--sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible--xlg {
    display: none !important;
  }
  .visible--lg {
    display: none !important;
  }
  .visible--md {
    display: none !important;
  }
  .visible--xs {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1219px) {
  .visible--xlg {
    display: none !important;
  }
  .visible--lg {
    display: none !important;
  }
  .visible--sm {
    display: none !important;
  }
  .visible--xs {
    display: none !important;
  }
}
@media (min-width: 1220px) and (max-width: 1599px) {
  .visible--xlg {
    display: none !important;
  }
  .visible--md {
    display: none !important;
  }
  .visible--sm {
    display: none !important;
  }
  .visible--xs {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  .visible--lg {
    display: none !important;
  }
  .visible--md {
    display: none !important;
  }
  .visible--sm {
    display: none !important;
  }
  .visible--xs {
    display: none !important;
  }
}
