.slider{
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0;
}
.slider-item{
    width: 100%;
    height: auto;
    outline: none;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    left: 0;
    top: 0;
}
.slider-item{
    width: 100%;
    height: auto;
    outline: none;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    left: 0;
    top: 0;
}
.slider-item img{
    display: block;
    height: auto;
    width: 100%;
}
.slider-item:first-child{
  position: relative;
  display: block;
  float: left;
}
.slider-tabs{
    width: 100%;
    margin: 0px;
    padding: 0px;
    z-index: 100;
    position: absolute;
    text-align: center;
    bottom: 20px;
}
.slider-tabs li{
    margin: 0px;
    padding: 0px 6px;
    display: inline-block;
    list-style: none;
}
.slider-tabs li a{
    width: 18px;
    height: 18px;
    display: block;
    cursor: pointer;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 18px;
    outline: none;
}
.slider-tabs li.slider-here a{
    background-color: #FFD283;
}
.slider-nav.prev{
    top: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 100;
    display: block;
    position: absolute;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRjVGNUY1IiBkPSJNMzQuMyw0N2MwLjMsMC4zLDAuNywwLjUsMS4xLDAuNWMwLjQsMCwwLjgtMC4yLDEuMS0wLjVjMC42LTAuNiwwLjYtMS42LDAtMi4yTDE2LjgsMjVMMzYuNiw1LjIgYzAuNi0wLjYsMC42LTEuNiwwLTIuMlMzNSwyLjQsMzQuMywzTDEzLjQsMjMuOWMtMC42LDAuNi0wLjYsMS42LDAsMi4yTDM0LjMsNDd6Ii8+PC9zdmc+') center no-repeat;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    opacity: 0.4;
    width: 80px;
}
.slider-nav.next{
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    display: block;
    position: absolute;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRjVGNUY1IiBkPSJNMTUuNyw0N2MtMC4zLDAuMy0wLjcsMC41LTEuMSwwLjVjLTAuNCwwLTAuOC0wLjItMS4xLTAuNWMtMC42LTAuNi0wLjYtMS42LDAtMi4yTDMzLjIsMjVMMTMuNCw1LjIgYy0wLjYtMC42LTAuNi0xLjYsMC0yLjJzMS42LTAuNiwyLjIsMGwyMC45LDIwLjljMC42LDAuNiwwLjYsMS42LDAsMi4yTDE1LjcsNDd6Ii8+PC9zdmc+') center no-repeat;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    opacity: 0.4;
    width: 80px;
}
.slider-nav.next:hover,
.slider-nav.prev:hover{
    opacity: 1;
}