

.slide {
position:absolute;
width:100%;
height:100%;
}

.first {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
background-image:url('img/sliderback.jpg');
right:0px;
left:auto;
}

.second {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
background-image:url('img/sliderback.jpg');
right:-2000px;
left:auto;
}

.third {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
background-image:url('img/sliderback.jpg');
color:#fff;
right:-4000px;
left:auto;
}

.fourth {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
background-image:url('img/sliderback.jpg');
color:#fff;
right:-6000px;
left:auto;
}

.slide h2 {
margin:0 0 0 0;
font-size:30px;
letter-spacing:-1px;
}

.slide p {
letter-spacing:-0.5px;
}

.promo {
width:35%;
margin:100px 0 0 100px;
}

.pagination {
position:absolute;
letter-spacing:-0.5px;
bottom:0px;
z-index:10;
width:100%;
text-align:center;
}

.product-nav {
font-size:13px;
width:440px;
text-align:center;
margin:0 auto 40px auto;
color:#fff;
letter-spacing:-0.5px;
position:relative;
}

.current-product {
height:3px;
width:110px;
background:#fff;
margin-top:-1px;
z-index:121;
position:relative;
}

.product-nav span:hover {
background:rgba(255,255,255,0.2);
}

.product-nav .active {
background:rgba(255,255,255,0.2);
}

.product-nav span {
display:inline-block;
width:110px;
padding:10px 0 10px 0;
border-bottom:1px solid #fff;
cursor:pointer;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
}