/*Brands*/

.brands {
  color:#313437;
  background-color:#fff;
}

.brands a {
  display:block;
  text-align:center;
  padding:40px 0;
}

@media (max-width:767px) {
  .brands a {
    padding:30px 0;
  }
}

.brands a img {
  display:inline-block;
  margin:10px 20px;
  vertical-align:middle;
}

.jumbotron {
  text-align:center;
}

/*End Brands*/


/*-----------------------------------
 Footer 
-------------------------------------*/
.footer { background-color: #191a1c; padding-top: 80px; padding-bottom: 30px; color: #828385; font-weight: 400; }
.footer-title { margin-bottom: 40px; color: #fff; letter-spacing: 0px; font-size: 22px; }
.footer-widget { margin-bottom: 30px; }
.footer-widget ul { margin-bottom: 25px; }
.footer-widget ul li { line-height: 1; margin-bottom: 18px; }
.footer-widget ul li a { font-size: 14px; color: #828385; text-transform: uppercase; letter-spacing: .75px; font-weight: 400; }
.location { border-bottom: 1px solid #2e2e2e; margin-bottom: 15px; }
.location:last-child { border-bottom: none; margin-bottom: 15px; }
.location-title { font-size: 15px; color: #828385; float: left; width: 65px; padding-top: 5px; }
.location-detail { font-size: 15px; color: #828385; padding-bottom: 15px; }
.footer-widget ul li a:hover { color: #00b231; }
.footer-social { }
.footer-social a span { font-size: 15px; color: #828385; background-color: #393b3d; border-radius: 50px; line-height: 1.6; width: 40px; height: 40px; display: inline-block; padding: 10px 14px; margin-right: 3px; }
.footer-social a span:hover { color: #fff; background-color: #00b231; }

/*-------------- tiny footer ------------*/
.tiny-footer { background-color: #191a1c; padding-top: 10px; padding-bottom: 10px; font-size: 16px; color: #828385; text-align: center; }
.tiny-footer a { color: #828385 }


.slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}