.slider {
  width: 100%; /*rozmery slideru */
  margin: 0 auto;
 
}
.slider img {
  height: 700px !important;
  	
}
.banner-overlay, .materialize-banner-overlay {
 background-color: #000;/* barva overlaye banneru*/		
 opacity: 0.4; /* pruhlednost overlaye banneru*/	
 position: absolute;
 top: 0px;
 width: 100%;
 height: 500px;
 z-index: 0;	
}
/*plocha s titulkem*/
.slider .slides li .caption {
  z-index: 9;	
  color: #FFFFFF; /*barva pisma*/		
  top: 25%; /* odsazeni titulku od horniho okraje*/
  left: 15%;
  width: 70%;
  opacity: 0.0; /*pruhlednost pozadi titulku*/
  /*background-color: #2139AF;barva pozadi titulku*/
  height: 250px !important;	  /*vyska plochy pro titulek*/
  font-size: 18px;	/*velikost standard textu banneru*/	
}
.slides h1 {
    color: #FFFFFF; /*barva titulku*/	
	font-size: 48px !important; /*velikost hlavniho nadpisu v banneru*/
	font-weight: bold !important;	
}
.slides h2 {
    color: #FFFFFF; /*barva titulku*/	
	font-size: 48px !important;	/*velikost dalsiho nadpisu v banneru*/
	font-weight: bold !important;	
}
.materialize-banner-podtext {
	font-size: 28px !important; /*podtext v banneru*/
}
/* pro mobily */
@media (max-width:768px)  {
  .materialize-banner-podtext {
	font-size: 18px !important; /*podtext v banneru*/
  }
  .slider {
	text-align: center !important;		
  }	
  .slides h1 {
	font-size: 38px !important;	/*velikost hlavniho nadpisu v banneru*/
	line-height: 48px;
  }
  .slides h2 {
	font-size: 38px !important;	/*velikost dalsiho nadpisu v banneru*/
	line-height: 48px;
  }
}
.slider .indicators {
  bottom: 60px; /*odsazeni indikatoru od dolniho okraje*/
  z-index: 100;
  /* visibility: visible !important; skryt indikatory*/
  text-align: left; /* pozice indikatoru */
}
.slider .indicators .indicator-item {
  background-color: #000; /*barva neaktivniho indikatoru*/
  border: 0px solid #ffffff; /* ramecek indikatoru */
  border-radius: 0%; /* zaobleni indikatoru */
  height: 3px; /*vyska indikatoru*/
  width: 16px; /*sirka indikatoru*/
  margin: 0 4px; /*vzdalenost*/
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.slider .indicators .indicator-item.active {
  background-color: #ffffff; /*barva aktivniho indikatoru*/
}