/* -------------------------------------------------------------

  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



------------------------------------------------------------- */

.distance_wrap {

  box-sizing: border-box;

  width: 760px;

  height: 186px;

  margin: 15px 0;

  background-image: url("../img/Rounded Rectangle 8.png");

  padding-top: 57px; }

  .distance_wrap .slider_dist {

    margin: auto !important;

    width: 530px;

    height: 30px;

    border: none;

    background: url("../img/lin.png");

    overflow: visible !important; }

    .distance_wrap .slider_dist .ui-slider-range {

      background: transparent;

      border: none; }

    .distance_wrap .slider_dist .ui-slider-handle {

      width: 65px !important;

      height: 43px !important;

      border: none !important;

      top: -45px;

      border-radius: 0;

      background: url("../img/avto.png"); }

  .distance_wrap .dist_km {

    position: relative;

    width: 530px;

    height: 30px;

    margin: 7px auto 8px auto; }

    .distance_wrap .dist_km .sp {

      color: #378daf;

      font-size: 15px;

      line-height: 30px;

      font-weight: bold;

      font-family: Arial;

      position: absolute;

      top: 0; }

    .distance_wrap .dist_km .sp1 {

      left: 3px; }

    .distance_wrap .dist_km .sp2 {

      left: 127px; }

    .distance_wrap .dist_km .sp3 {

      left: 250px; }

    .distance_wrap .dist_km .sp4 {

      left: 379px; }

    .distance_wrap .dist_km .sp5 {

      left: 507px; }

  .distance_wrap .inp_over {

    position: relative;

    width: 530px;

    margin: auto;

    display: table; }

    .distance_wrap .inp_over input[type=text] {

      box-sizing: border-box;

      width: 95px;

      height: 35px;

      border: none;

      border-radius: 10px;

      text-align: center;

      color: #378daf;

      font-size: 20px;

      font-weight: bold;

      line-height: 35px;

      font-family: Arial; }

    .distance_wrap .inp_over span {

      display: table-cell;

      vertical-align: middle;

      height: 35px;

      line-height: 35px;

      font-size: 18px;

      color: #378daf;

      font-family: Arial; }

    .distance_wrap .inp_over span:nth-child(2) {

      padding-left: 13px; }

    .distance_wrap .inp_over span:nth-child(3) {

      padding-left: 70px; }



/*# sourceMappingURL=style.css.map */