.slick-slider{
  margin: 0px 0px;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 0px;
  transition: all ease-in-out .3s;
  opacity: .2;
vertical-align:top;
}


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

.slick-initialized .slick-slide .views-row,
.slick-initialized .slick-slide >div{
  justify-content: center;  width: 100%;
  display: flex !important;align-content:inherit ;
}


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

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


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

.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;

    padding: 0px;  height: 10px;
  display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;

  line-height: 100px;
  overflow: hidden;
  cursor: hand;
  cursor: pointer;
border:1px solid var(--primary);
background: transparent;
position:relative;
}


.slick-dots li.slick-active button{
background-color:var(--primary);
}


 

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


.slick-prev, .slick-next {
  position: absolute;
  top: 50%;
margin-top:-20px;
  display: block;
   width: 40px;
  height: 40px;line-height:100em;overflow:hidden;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
z-index: 1;
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:var(--white);
background-repeat:no-repeat;
background-size: 20px auto  ;

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

-webkit-box-shadow: var(--boxshadow);
  box-shadow: var(--boxshadow);
}


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

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

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

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


.field--name-field-galerie{
position:relative;
}



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

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

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

}


/*======================================
	slick3
======================================*/

.slick3 .slick-slide{
  margin: 0px var(--gap_8);
}

.slick3 .slick-list{
  padding: 0px var(--gap_30);
}