.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  top:81px;
}

.slider {
  position: relative;
  width: 9999px;
}
.slider:before,
.slider:after {
  display: table;
  content: ' ';
}
.slider:after {
  clear: both;
}
.slider div {
  position: relative;

  float: left;

  margin: 0;
  padding: 0;
}
.slider div img {
  display: block;
  max-width: 100%;
  height: auto;
}
.act,
#prev > span,
#next > span,
#slider-nav > a {
  background: url(../images/arrows.png) no-repeat;
}
#next > span,
#prev > span {
  display: block;

  width: 16px;
  height: 24px;
}
/* Arrows */
#next > span {
  background-position: -20px 0;
}
#prev > span {
  background-position: 0 0;
}
#next,
#prev {
  position: absolute;
  top: 50%;

  margin-top: -20px;
  padding: 10px 15px;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  border-radius: 5px;
  background: rgba(0, 0, 0, .39);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */
       -o-user-select: none;
}
#prev {
  left: 40px;
}
#next {
  right: 40px;
}
.caption {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding:25px 40px;
  color: #fff;
  background: rgba(0, 0, 0, .39);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */
  font-size:14px;
}
.caption a {
  display: block;
  color: #fff;
}

.headline-yellow {
  font-size:24px;
  color: #fdaf17;
}

.slider-nav {
  position: absolute;
  bottom: 0;
  right:40px;
  width: 100%;
  height: 62px;
  margin: 0;
  padding: 0;
  text-align:right;
  /*background: #323232;*/
  /*opacity: .9;*/
  filter: alpha(opacity=90); /* ie8 */
  display:block;
}
.slider-nav a {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 3px;
  -webkit-transition: background .5s ease;
  -moz-transition: background .5s ease;
  -o-transition: background .5s ease;
  transition: background .5s ease;
  border: 2px solid #fdaf17;
  border-radius: 50%;
  background: transparent;
  cursor:pointer;
}

.slider-nav .active {
  width:7px;
  height:7px;
  background: #fdaf17;
}
@media (max-width: 800px) {
.slider-container {
  top:75px;
}


  .slider div img {
  display: block;
}

.slider-nav {
  display:none;
}

.caption {
  padding:10px;
  font-size:12px;
  text-align:center;
  word-wrap:break-word;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.caption a {
  display: block;
  color: #fff;
}

.headline-yellow {
  font-size:18px;
}

#prev {
  left: 10px;
}
#next {
  right: 10px;
}

#next,
#prev {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 5px 10px;
}

#prev > span,
#next > span,
#slider-nav > a {
  background: url(../images/arrows-mobile.png) no-repeat;
}

#next > span {
  background-position: -13px 0;
}
#prev > span {
  background-position: 2px 0;
}

#next > span, #prev > span {
    display: block;
    width: 14px;
    height: 18px;
}
  
}