a{
color: #FFF;
}
.slider {
position: relative;
width: 100%;
overflow: hidden;
}

@media only screen and (max-width:1024px) {
.slider {
height: auto;
}
nav{
margin-top:-5px;
}
}
@media only screen and (min-width:1025px) {
.slider {
height: 350px;
width:1024px;
margin:0 auto;
}
}
/* end */

.slides {
height: 100%;
/* Clear fix */
overflow: hidden;
*zoom: 1;
/**
 * Prevent blinking issue
 * Not tested. Experimental.
 */
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.slide {
height: 100%;
float: left;
clear: none;
}
.slide img {
width:100%;
}

.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
padding: 15px;
background-color: rgba(255,255,255,0.2);
border-radius: 5px;
font-size: 15px;
color:#fff !important;
}
.slider-arrow:hover {
background-color: rgba(255,255,255,0.5);
}

.slider-arrow--right {
bottom: 50%;
right: 30px;
}
.slider-arrow--left {
bottom: 50%;
left: 30px;
}

.slider-nav {
position: absolute;
bottom: 30px;
}

.slider-nav__item {
width: 15px;
height: 15px;
float: left;
clear: none;
display: block;
margin: 0 5px;
background: #FFF;
}

.slider-nav__item:hover {
background: #cccc66;
}

.slider-nav__item--current {
background: #0066BA
}