/*
 * Pomocne tridy.
 *
 */
/* MARGIN & PADDING */
.mb {
  margin-bottom: 20px !important; }

.mb0 {
  margin-bottom: 0; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mt {
  margin-top: 20px !important; }

.mt0 {
  margin-top: 0; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.p5 {
  padding: 5px; }

.p10 {
  padding: 10px; }

.p15 {
  padding: 15px; }

.p20 {
  padding: 20px; }

.p30 {
  padding: 30px; }

.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt30 {
  padding-top: 30px; }

.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.pb30 {
  padding-bottom: 30px; }

/* POSITIONING */
.relative {
  position: relative; }

.absolute {
  position: absolute; }

.top {
  left: 0;
  top: 0; }

.bottom {
  left: 0;
  bottom: 0; }

.right {
  right: 0;
  left: auto; }

.push-top {
  z-index: 10000; }

.push-back {
  z-index: -10000; }

/*
 * ---- TYPO ----------------------------------------------------------
 */
.no-underline {
  text-decoration: none !important; }

.no-uppercase {
  text-transform: none !important; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

/* SIZE */
.fsmaller {
  line-height: 1.4em;
  font-size: 14px; }

.fs12e {
  font-size: 1.2em; }

.fs14e {
  font-size: 1.4em; }

.fs16e {
  font-size: 1.6em; }

.fs18e {
  font-size: 1.8em; }

.fs20e {
  font-size: 2em; }

.bold {
  font-weight: bold; }

.font-weight-normal {
  font-weight: normal; }

/*
 * ---- OTHER ---------------------------------------------------------
 */
.inline {
  display: inline; }

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

.overlay90 {
  background: rgba(0, 0, 0, 0.75); }

.overlay75 {
  background: rgba(0, 0, 0, 0.75); }

.overlay55 {
  background: rgba(0, 0, 0, 0.55); }

.overlay40 {
  background: rgba(0, 0, 0, 0.4); }

.circle {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px; }

.hidden {
  display: none !important;
  visibility: hidden; }

.invisible {
  visibility: hidden; }

.uppercase {
  text-transform: uppercase; }

.opacity80 {
  opacity: 0.7; }

.fade-in {
  opacity: 0.7; }
  .fade-in:hover {
    opacity: 1; }