/* @override http://localhost:8086/medialog/++theme++dutchtheme/css/responsiveslides.css */



.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	}
	
  
  .rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	}
  
  .rslides li:first-child {
	position: relative;
	display: block;
	float: left;
	}
  
  .rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
	margin: 0;
	}
  
  div.slidetext-container {
	  max-width: 1150px;
	  width: 100%;
	  position: relative;
	  margin: auto;
	  z-index: 9;
	  display: block;
	  top:  2.5em;;
	  left: 4em;
  }
  
  .slidetext {
	box-sizing: border-box;
	position: absolute;
	overflow: hidden;
  }
  
  .slidetext h1{
	font-size: 48px;
}
  
  .slidetext h1,
  .slidetext h3{
	  color:  white;
	  margin: 0;
	  position: relative;
	  margin-bottom: 0.2em;
  }
  
  #fragment-slider ul.rslides_tabs {
	  position: relative;
	  z-index: 3;
	  bottom:  70px;
	  text-align: center;
	  list-style-image: none;
	  list-style-type: none;
  }
  
  #fragment-slider  {
	box-sizing: border-box;
	background-color: #fcfcfc;
  }
  
   
  div#slider {
	  margin-left: auto;
	  margin-right: auto;
  }
	  
  
  #fragment-slider ul.rslides_tabs li {
	  margin: 0 4px;
	  padding: 0;
	  display: inline;
	  }
  #fragment-slider ul.rslides_tabs li a{
	background: #fff;
    border: none;
    padding: 0px;
    width: 1.4em;
	height: 1.4em;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
  }
  
  #fragment-slider  ul li.rslides_here a {
	background-color: rgb(195 232 108);
	color:  white;;
  }
  
  
  #fragment-slider .prev, #fragment-slider .next {
	background-color: transparent;
	border: none;
	border-radius: 50%;
	color: rgb(195 232 108);;
	display: inline-block;
	height: 40px;
	line-height: 32px;
	margin-top: -25px;
	position: absolute;
	text-align: center;
	top: 55%;
	width: 40px;
	z-index: 3;
	font-size: 32px
  }
  #fragment-slider .prev:hover, #fragment-slider .next:hover {
	  background-color: #000;
	  border: 2px solid #fff;
	  color: #fff;
  }
  #fragment-slider .prev {
	  left: 20px;
  }
  #fragment-slider .next {
	  right: 20px;
  }
  
  
  @media (max-width: 600px) {
	  .slidetext {
	  font-size: 65%;
	  padding: 8px 14px;
	  border:  0 none;;
	  }	
	  div.slidetext-container {
	  top:  5px;;
	  left: 5px;
	  }
	  #fragment-slider .prev, #fragment-slider .next {
	  display: none;
	  }
	  
	  #fragment-slider ul.rslides_tabs {
	  bottom:  10%;
	  }
  
   }