/*------------------------------------------------------------------
[Table of contents]

 - Slider

- Project:	iSmile - Phones Market HTML/CSS Template
- Version:	1.1
- Author:  Andrey Sokoltsov
- Profile:	http://themeforest.net/user/andreysokoltsov

-------------------------------------------------------------------*/
/* Slider */
.main-slider {
  position: relative;
  /*slide 2*/
  /*dlide-3*/
}
.main-slider .sp-buttons {
  left: 7.5%;
  position: absolute;
  top: 43.6%;
  width: 20px;
  padding: 0;
}
.main-slider .sp-buttons .sp-button {
  border: 1px solid #ccc;
  width: 13px;
  height: 13px;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.main-slider .slider-discount {
  font-size: 70px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 100%;
}
.main-slider .slide-tex-1 {
  font-size: 42px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 100%;
}
.main-slider .slider-text-2 {
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  line-height: 22px;
}
.main-slider .sp-layer .btn-sm {
  padding: 9px 21px;
  font-weight: bold;
}
.main-slider .border-line {
  position: relative;
}
.main-slider .border-line:before {
  position: absolute;
  content: "";
  left: 2px;
  bottom: -1px;
  width: 25px;
  height: 2px;
}
.main-slider .ls-text {
  color: #4c5154;
}
.main-slider .ls-text span {
  text-transform: uppercase;
  font-weight: lighter;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 4px;
}
.main-slider .text-highlight .highlight-primary {
  font-size: 16px;
  line-height: 36px;
  text-transform: uppercase;
  padding: 7px 15px;
}
.main-slider .s3-text span {
  font-size: 16px;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
}
.main-slider .s3-name span {
  font-size: 64px;
  line-height: 100%;
  color: #ffaf16;
  text-transform: uppercase;
}
.main-slider .s3-discount span {
  font-size: 42px;
  line-height: 100%;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}
.main-slider .s3-text2 span {
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  line-height: 26px;
}
.main-slider .sl3 .btn {
  background: #fff;
  border-color: #fff;
}
.main-slider .sl3 .btn:hover {
  background: none;
  border-color: #fff;
}