/* ---------------------------------------------------------------------------------------------
	File Name: slider.css
		
	Developped By: Getachew Y. Assen

	Version: 1.0
	
	Copyright: All rights reserved. No part of this publication may be reproduced, distributed, 
	or transmitted in any form or by any means, including photocopying, recording, or other 
	electronic or mechanical methods, without the prior written permission of the publisher.
------------------------------------------------------------------------------------------------ */

.slider-container {
  overflow: hidden;
  position: relative;
}
.slider {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  list-style: none;
  overflow: hidden;
}
.slider li {
  float: left;
}
.slider li img {
  width: 100%;
  display: block;
}
.slider-buttons {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  background: #333;
  vertical-align: middle;
  cursor: pointer;
}
.slider-buttons:hover {
  background: #000;
}
.slider-buttons span {
  color: #FFF;
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
}
.next {
  right: 0;
}
.next span {
  padding-left: 16px;
}
.prev {
  left: 0;
}
.prev span {
  padding-left: 12px;
}
.pagination-container {
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}
.dot {
  background: #FFF;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;	
}
.dot:not(:last-of-type) {
  margin-right: 8px;
}
.dot:hover {
  background: #D9D9D9;
}
.dot.active {
  background: #333;
  cursor: initial;
}