.unslider{overflow: hidden;margin:0;padding:0;}
.unslider-wrap{position:relative; }
.unslider-wrap > li{position:relative}
.unslider-wrap.unslider-carousel > li{float:left}
.unslider-vertical> ul {height:100%}
.unslider-vertical > ul > li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap > li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap > li.unslider-active{z-index:10}
/**.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0 auto;padding:0;border:none}**/
.unslider-arrow{
position:absolute;
left: 0;
top: 50%;
z-index: 5;
cursor: pointer;
margin: -10px 0 0 0;
width: 21px;
height: 21px;
text-indent: -10000px;
display: block;
}
.unslider-arrow.next{
left: auto;
right: 0;
background: url('../img/arrow-right.svg') no-repeat center right;
background-size: 100% auto;
}
.unslider-arrow.prev{
background: url('../img/arrow-left.svg') no-repeat center right;
background-size: 100% auto;
}
.unslider-arrow > div {
transition: all .2s linear;
}
.unslider-arrow:hover > div {

}

.slider-container.type-01 .unslider-arrow {
margin-top: -40px;
}

/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */

.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}

@media (max-width: 950px) {
  .slider-container.type-01 .unslider-arrow {
  margin-top: -20px;
  }
}

@media (max-width: 550px) {
  .unslider-arrow{
  width: 18px;
  height: 18px;
  }
}

@media (max-width: 420px) {
  .unslider-arrow{
  display: none;
  }
}