/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/**
 * 50 Shades of gray (NOTE: we may want to use variables from the bootstrap-variables file!)
 */
/*!
 *  Override bootstrap variables here. Any variable added here will overwrite
 *  the variables in vendor/bootstrap-sass/assets/stylesheets/bootstrap/variables.
 *
 *  I didnt include all variables here to keep things more obvious as to what we
 *  are actually overwriting.
 */
/**
 * Breakpoints
 */
/**
 * Mary Miss Specs
 */
/*
 * Font stuff (TODO)
 */
body {
  /**
 *
 * Media Query Mixins
 * 
 */
}
.home-wrapper .dot-item {
  font-size: 12px;
  letter-spacing: 0.04em;
  color: #646464;
  text-transform: uppercase;
}
.home-wrapper .dot-item a {
  color: gray;
  text-decoration: none;
  vertical-align: bottom;
  line-height: 10px;
}
.home-wrapper .dot-item a.red {
  color: #000;
}
.home-wrapper .dot-item a::before {
  content: " ";
  display: inline-block;
  background-color: #969696;
  width: 10px;
  height: 10px;
  margin-top: 1px;
  border-radius: 5px;
  vertical-align: bottom;
}
.home-wrapper .dot-item a:hover::before {
  background-color: #d9222c;
  border: 2px solid #000;
}
.home-wrapper .dot-item a.red::before {
  background-color: #d9222c;
}
.home-wrapper .dot-item a span.years {
  vertical-align: bottom;
}
.home-wrapper .dot-item a.percent-0 {
  padding-left: 0;
}
.home-wrapper .dot-item a.percent-10 {
  padding-left: 10%;
}
.home-wrapper .dot-item a.percent-20 {
  padding-left: 20%;
}
.home-wrapper .dot-item a.percent-30 {
  padding-left: 30%;
}
.home-wrapper .dot-item a.percent-40 {
  padding-left: 40%;
}
.home-wrapper .dot-item a.percent-50 {
  padding-left: 50%;
}
.home-wrapper .dot-item a.percent-60 {
  padding-left: 60%;
}
@media screen and (max-width: 767px) {
  .home-wrapper .dot-item a[class*='percent-'], .home-wrapper .dot-item a [class^='percent-'] {
    padding-left: 0 !important;
  }
}
.home-wrapper .dot-item {
  margin-bottom: 15px;
}
.home-wrapper .dot-item a {
  font-weight: bold;
}