/*  GENERICS
======================================================= */
.small-xs { text-transform: uppercase; font-size: 10px;  }
form del { color: #c03; text-decoration: none; }
.jumbotron { background: none; }


/* design */
.barra-100 { margin: 1em 0; height: 4px; width: 100%; background: #C03; }
.barra-50 { margin: 1em 0; height: 4px; width: 50%; background: #C03; }
.barra-20 { margin: 1em 0; height: 4px; width: 20%; background: #C03; }
.barra-5 { margin: 1em 0; height: 4px; width: 5%; background: #C03; }

.barra-big-100 { margin: 1em 0; height: 10px; width: 100%; background: #C03; }
.barra-big-50 { margin: 1em 0; height: 10px; width: 50%; background: #C03; }
.barra-big-20 { margin: 1em 0; height: 10px; width: 20%; background: #C03; }
.barra-big-5 { margin: 1em 0; height: 10px; width: 5%; background: #C03; }


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

.vertical-middle {
  display: inline-block;
  vertical-align: middle;
  float: none;
}


/* cores */
.bg-none { background: none; }
.bgFFF { background: #FFF }
.bgEEE { background: #EEE }
.bgCCC { background: #CCC }
.bg999 { background: #999 }
.bg666 { background: #666 }
.bg333 { background: #333 }
.bg111 { background: #111 }


.corFFF, .corFFF a { color: #FFF !important; }
.corFFF-07, .corFFF-07 a, .corFFF-07 { color: rgba(255,255,255, 0.7); }
.corFFF-05, .corFFF-05 a, .corFFF-05 { color: rgba(255,255,255, 0.5); }
.corFFF-02, .corFFF-02 a, .corFFF-02 { color: rgba(255,255,255, 0.2); }
.corCCC { color: #CCC; }
.cor999 { color: #999; }
.cor666 { color: #666; }
.cor333 { color: #333; }
.cor000 { color: #000; }

/* text-size */
.font-12em { font-size: 1.2em }
.font-14em { font-size: 1.4em }
.font-16em { font-size: 1.6em }
.font-18em { font-size: 1.8em }
.font-20em { font-size: 2.0em }
.font-30em { font-size: 3.0em }
.font-40em { font-size: 4.0em }
.font-50em { font-size: 5.0em }
.font-60em { font-size: 6.0em }

.font-10px { font-size: 10px }
.font-11px { font-size: 11px }
.font-12px { font-size: 12px }
.font-14px { font-size: 14px }
.font-16px { font-size: 16px }
.font-18px { font-size: 18px }

/* text-style */
.italic { font-style: italic; }
.bold { font-weight: bold; }
.font-normal { font-weight: normal !important; }
.font-300 { font-weight: 300 !important; }
.font-600 { font-weight: 600 !important; }
.font-700 { font-weight: 700 !important; }
.font-900 { font-weight: 900 !important; }

.text-uppercase { text-transform: uppercase; }

.text-shadow-07 { text-shadow: 0 1px 2px rgba(0,0,0, 0.7); }
.text-shadow-05 { text-shadow: 0 1px 2px rgba(0,0,0, 0.5); }
.text-shadow-02 { text-shadow: 0 1px 2px rgba(0,0,0, 0.2); }


/* font */
.font-10px { font-size: 10px; }


/* border */
.borderx { border: 1px solid #C03; }
.border1 { border: 1px solid #CCC; }
.border2 { border: 2px solid #CCC; }
.border4 { border: 4px solid #CCC; }
.border1-top { border-top: 1px solid #CCC; }
.border1-bottom { border-bottom: 1px solid #CCC; }
.no-radius { border-radius: 0; }


/* margin */
.margin-auto  { margin: auto; }
.margin-0-auto  { margin: 0 auto; }

.margin-0  { margin: 0; }
.margin-10 { margin: 10px; }
.margin-15 { margin: 15px; }
.margin-20 { margin: 20px; }
.margin-30 { margin: 30px; }
.margin-50 { margin: 50px; }

.margin-top-0  { margin-top: 0; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-100 { margin-top: 100px; }
.margin-top-200 { margin-top: 200px; }

.margin-top--0  { margin-top: -0; }
.margin-top--10 { margin-top: -10px; }
.margin-top--20 { margin-top: -20px; }
.margin-top--30 { margin-top: -30px; }
.margin-top--50 { margin-top: -50px; }

.margin-bottom-0  { margin-bottom: 0; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-100 { margin-bottom: 100px; }
.margin-bottom-200 { margin-bottom: 200px; }

.margin-left-0  { margin-left: 0; }
.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-50 { margin-left: 50px; }

.margin-right-0  { margin-right: 0; }
.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-50 { margin-right: 50px; }

/* padding */
.padding-0  { padding: 0; }
.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-20 { padding: 20px; }
.padding-30 { padding: 30px; }
.padding-50 { padding: 50px; }

.padding-top-0  { padding-top: 0; }
.padding-top-5 { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-50 { padding-top: 50px; }

.padding-bottom-0  { padding-bottom: 0; }
.padding-bottom-5 { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-50 { padding-bottom: 50px; }

.padding-left-0  { padding-left: 0 !important; }
.padding-left-5 { padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-50 { padding-left: 50px; }

.padding-right-0  { padding-right: 0 !important; }
.padding-right-5 { padding-right: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-30 { padding-right: 30px; }
.padding-right-50 { padding-right: 50px; }


/*  BOOTSTRAP CUSTOM
======================================================= */
.label-default { background: #FFF; }

.btn-white { background: #FFF; color: rgba(0,0,0, 0.7) }

.btn-border { background: none; border: 2px solid #FFF; color: #FFF; }
.btn-border:hover { color: #FFF; background: rgba(255,255,255, 0.15); }

.btn-circle {
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 3px 0;
  border-radius: 20px;
}

.btn-circle-share {
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 10px 0;
  font-size: 1.9em;;
  border-radius: 25px;
}
.btn-whatsapp { background: #43d854 !important; color: #FFF; border-color: rgba(0,0,0,0.2); }


.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  
  display:         flex;
}