#slider-wrap{
  position:relative;
  overflow: hidden;
}

.parallax{
  //height:600px;
  height:300px;
  margin-top:-100px;
  position:relative;
  width:100%;
}

@media (min-width:768px){
  .parallax{
    height:600px;
  }
}

#slider{
  height:200px;
  overflow: hidden;
}
@media (min-width:768px){
  #slider{
    height:500px;
  }
}

#slide5{
  background-image:url('/assets/oem/plugins/slider/images/OTRHome.jpg');
  background-size:cover;
  background-position-x: 50%;
}

#slide0{
  background-image:url('/assets/oem/plugins/slider/images/AutomotiveHome.jpg');
  background-size: cover;
}

#slide1{
  background-image:url('/assets/oem/plugins/slider/images/HVACHome.jpg');
  background-size: cover;
}

#slide4{
  background-image:url('/assets/oem/plugins/slider/images/OffroadHome.jpg');
  background-size: cover;
}

#slide2{
  background-image:url('/assets/oem/plugins/slider/images/IndustryHome.jpg');
  background-size: cover;
}

#slide3{
  background-image:url('/assets/oem/plugins/slider/images/MarineHome.jpg');
  background-size: cover;
}

#slide6{
  background-image:url('/assets/oem/plugins/slider/images/RailHome.jpg');
  background-size: cover;
}

#tagline{
  position:absolute;
  //bottom:50px;
  bottom:0px;
  right:-50px;
  color:#00AFD9;
  //font-size: 24px;
  font-size:12px;
  font-weight:300;
  text-transform:uppercase;
  font-style:italic;
  text-shadow:1px 1px 3px #888;
  padding:10px;
  background:white;
  z-index:1;
  transform:skewX(-25deg);
  -webkit-transform:skewX(-25deg)!important;
  -ms-transform:skewX(-25deg)!important;
  box-shadow:0px 0px 10px 0px #333;
  transition:.5s;
}

@media (min-width:768px){
  #tagline{
    font-size:24px;
    bottom:50px;
  }
}

#tagline .inner{
  transform:skewX(25deg);
  -webkit-transform:skewX(25deg)!important;
  -ms-transform:skewX(25deg)!important;
  padding:0 15px;
  margin-right:50px;
  width:auto;
}

#prev, #next{
  color:white;
  //font-size:100px;
  font-size:50px;
}

@media (min-width:768px){
  #prev, #next{
    font-size:100px;
  }
}

#next{
  float:right;
  margin-right:15px;
}
#prev{
  float:left;
  margin-left:15px;
}

#arrows{
  position:absolute;
  //top:190px;
  top:70px;
  left:0;
  z-index:1;
  width:100%;
}

@media (min-width:768px){
  #arrows{
    top:190px;
  }
}


#dots{
  position:absolute;
  z-index:1;
  width:100%;
  text-align:center;
  bottom:0px;
  display:none;
}

@media (min-width:768px){
  #dots{
    display:block;
  }
}

#dots li{
  display:inline-block;
}

#dots li button{
  display:none;
}

#dots li:before{
  font-size:60px;
  content: "\2022";
  padding:0 5px;
  color:white;
}

#dots .slick-active:before{
  color:#00AFD9;
}

#title{
  transform:skewX(-25deg);
  -webkit-transform:skewX(-25deg)!important;
  -ms-transform:skewX(-25deg)!important;
  padding:5px;
  background:#FF8A00;
  position:absolute;
  //top:50px;
  top:0px;
  left:-50px;
  z-index:1;
  //font-size:24px;
  font-size:12px;
  color:white;
  font-weight:400;
  text-transform:uppercase;
  text-shadow:1px 1px 3px #333;
  font-style:italic;
  box-shadow:0px 0px 10px 0px #333;
}

@media (min-width:768px){
  #title{
    font-size:24px;
    top:50px;
  }
}

#title .inner{
  transform:skewX(25deg);
  -webkit-transform:skewX(25deg)!important;
  -ms-transform:skewX(25deg)!important;
  margin-left:40px;
  padding:10px 25px;

}

.overlay{
  background-color:#333;
  width:100%;
  height:500px;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  opacity:0;
}

.parallax-window{
  height:400px;
}