.slick-slider{
  margin: 0px -15px;padding:0px 0px;
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
} 



.slick-list {
width:100%;
  position: relative;
  display: block;
  margin: 0;
overflow:hidden;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: flex;align-content:inherit;
  margin-left: 0;
  margin-right: 0;
}

.slick-track::before, .slick-track::after {
  display: table;
  content: '';
}

.slick-slide {
  display: none;
  min-height: 1px;
  margin: 0px 15px;
  transition: all ease-in-out .3s;
  opacity: .2;
vertical-align:top;
}


.slick-initialized .slick-slide {
  display: flex;align-content:inherit;
}

.slick-active,
.slick-current {
  opacity: 1;
}

/*======================================
	dots
======================================*/


ul.slick-dots{
  text-align: center;
  z-index: 100;
  width: 100%;
  left: 0px;
  margin: 0px auto ;
  padding: 0px 20px;
  position: absolute;bottom:-30px;left:0px;

}

.slick-dots li{
  display: inline-block !important;
  margin: 2px 4px;
  vertical-align: middle;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 0px !important;}

.slick-dots li:before{
display:none !important;
}


.slick-dots li button{
  width: 10px;
  height: 10px;
  display: block;
  line-height: 100px;
  overflow: hidden;
  cursor: hand;
  cursor: pointer;
background: #b4b4b4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position:relative;
border:none;
}


.slick-dots li.slick-active button{
width:20px;background-color:#e03e3e;
}


 

/*======================================
	sipky
======================================*/


.slick-prev, .slick-next {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
  position: absolute;
  top: 50%;
margin-top:-25px;
  display: block;
  width: 50px;
  height: 50px;
line-height:100em;overflow:hidden;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
z-index: 10;
opacity:1;
-webkit-transition: .3s all ease-in-out;
-moz-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
-ms-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;

background-position:center center;
background-color:#0b1e33;
background-repeat:no-repeat;
background-size: auto  50% ;

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}


.slick-prev {
  left: -10px;background-image:url(../images/arr-left-w.svg) ;
}

.slick-next {
  right: -10px;background-image:url(../images/arr-right-w.svg) ;
}

.slick-next:focus,
.slick-next:hover{
background-image:url(../images/arr-right-w.svg) ;}

.slick-prev:focus,
.slick-prev:hover{
background-image:url(../images/arr-left-w.svg) ;}



@media all and (max-width: 720px) {

.slick-slide {
  margin: 0px 5px;
}

.slick-slider {
  padding: 0px 20px;
}

.slick-prev ,
.slick-next{
margin-top:-20px;
  display: block;
  width: 40px;
  height: 40px;
background-size: 10px auto  ;
}

.slick-prev {
  left: 0px;
}

.slick-next {
  right: 0px;
}


}



/**** korektura lazyload ****/

.slick-initialized .slick-slide > .views-field-field-galerie .field-content,
.slick-initialized .slick-slide > .views-field-field-galerie{
width:100%;
}
