ul, ol{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.full-width-slider {
    height: 450px;
    overflow: hidden;
    top: -70px;
    width: 100%;
    position: relative;
}
.slides{
    position: relative;
    height: 100%;
    background-color: #726665;
    margin: 0;
    list-style-type: none;
}
.slides li{
    display: table;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: translateX(100%);
    transition: transform .5s;
    background-color: #726665;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*.slides li:nth-of-type(2){
  background-color: dodgerblue;
  //background: url(../img/slider-02.jpg) no-repeat center center
  //background-size: cover
}
.slides li:nth-of-type(3){
  background-color: aquamarine;
  //background: url(../img/slider-02.jpg) no-repeat center center
  //background-size: cover
}
.slides li:nth-of-type(4){
  background-color: darkseagreen;
  //background: url(../img/slider-02.jpg) no-repeat center center
  //background-size: cover
}*/
.slides li.selected{
    z-index: 2;
    transform: translateX(0);
}
.slides li.move-left{
    transform: translateX(-100%);
}
.slides li.visible{
    z-index: 2;
}
.slides li > div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slides h2{
    margin-top: 0;
    color: white;
    font-size: 35px;
    text-shadow: 1px 2px 18px #000000;
    text-align: left;
    margin-left: 110px;
}
.slider-navigation a{
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    width: 48px;
    text-decoration: none;
    font-weight: 100;
//text replace
//overflow: hidden
//white-space: nowrap
//text-indent: 100%
//color: transparent
//background: url(../img/icon-arrow.svg) no-repeat center center
opacity: 0.5;
    transition: opacity .3s, visibility .3s;
&:hover{
     opacity: 1;
 }
@media (max-width: 500px){
    display: none;
}
}
.slider-navigation a.next{
    left: auto;
    right: 10px;
//transform: translateY(-50%) rotate(180deg)
}
.slider-dots-navigation{
    position: absolute;
    z-index: 1000;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    list-style-type: none;
    margin: 0;
@media (max-width: 500px){
    display: none;
}
}
.slider-dots-navigation li{
    display: inline-block;
    float: left;
    margin-right: 15px;
&:last-of-type{
     margin-right: 0;
 }
}
.slider-dots-navigation a{
    display: block;
    height: 10px;
    width: 10px;
    border: 1px solid #FFF;
    border-radius: 0%;
//rechthoekig
//height: 7px;
//width: 14px;
// border-radius weg halen

//text replace
overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    color: transparent;
    transition: background-color .3s;
}

.slider-dots-navigation a:hover,
.slider-dots-navigation a.selected{
    background-color: #FFF;
}

ul.slider-navigation{
    margin: 0;
    padding: 0;
    list-style-type: none;
li{
a{
    color: $grey;
    font-size: 45px;
&.next{
&:before{
     font-family: FontAwesome;
     content: "\f105";
 }
}
&.prev{
&:before{
     font-family: FontAwesome;
     content: "\f104";
 }
}
}
}
}