.gallery {overflow:hidden; position: relative; width:100%;  border-left:2px solid #000;border-right:2px solid #000;border-top:2px solid #000;}
.gallery:hover {border-left:2px solid #A020F0;border-right:2px solid #A020F0;border-top:2px solid #A020F0;}


/* slideshow images (for most of the demos, these are the actual "slides") */
.gallery img { 
 
    position: absolute;     
    /* for slick: */
    position: relative;
    
    
    bottom: 0; left: 0px; 
    width: 100% !important; height:auto;  
    padding: 0; display: block;filter:none
}

.slick-dots {  list-style-type:none;
z-index: 500; position: absolute; top:  0px; left: 0px;
background:transparent ; padding:7px 10px 10px 10px; margin: 0px 0px 0px 0px;
}
 ul.slick-dots {border:none !important}
	
.slick-dots li {float:left;list-style-type:none; padding: 0px 4px 0px 0px; }
.slick-dots li  button  { display: inline-block; cursor: pointer; margin-right:4px;margin-bottom:0px;  

width:16px;height:16px;
border-radius: 50%;
-moz-border-radius:50%;
-webkit-border-radius:50%; 
text-indent:-9999px;
 
 border:2px solid #A020F0;  background:#fff !important;
}
.slick-dots li  button:hover { background:#A020F0 !important;    }

.slick-dots li.slick-active  button {   background:#A020F0 !important;   }
   
.slick-dots > * { cursor: pointer;}

.slick-prev { text-indent:-9999px;display:none !important;
 border:0; 

position:absolute;z-index:500; left:10px; top: 50%;margin-top:-30px; 

width:60px; height:60px;cursor:pointer;
background-color:transparent;
background-image:url('../images/icons/left.svg');
background-repeat:no-repeat;
background-size:auto 28px;
background-position:left center;
}

.slick-next  { text-indent:-9999px; display:none !important;border:0; 
position:absolute; z-index:500; right:10px; top: 50%;margin-top:-30px;width:60px; height:60px;cursor:pointer;
background-color:transparent;
background-image:url('../images/icons/right.svg');
background-repeat:no-repeat;
background-size:auto 28px;
background-position:right center;

}

 
 .gallery:hover .slick-prev {display:inline-block !important; }
 .gallery:hover .slick-next {display:inline-block !important; }


/*
 .gallery:hover .slick-prev, .slick-prev:focus {background-image:url('../images/icons/left.svg');}
 .gallery:hover .slick-next, .slick-next:focus {background-image:url('../images/icons/right.svg');}

*/
 


/* 
.slick-close  {display:none; border:none; 
position:absolute; z-index:600; 
top:  10px;
width:20px; height:20px;cursor:pointer;
background-color:transparent;
background-image:url('../images/icons/close.svg');
background-repeat:no-repeat;
background-size:auto  12px;
background-position:  center;
}

section:nth-of-type(odd) .slick-close {left:-10px; border-left:2px solid #000; border-top:2px solid #000; border-bottom:2px solid #000; }
section:nth-of-type(even) .slick-close {left:auto; right: -10px;  border-right:2px solid #000; border-top:2px solid #000; border-bottom:2px solid #000;}

.slick-close:hover ,.slick-close:focus   {background-image:url('../images/icons/close_hover.svg');}
 

section:nth-of-type(odd) .slick-close:hover {  border-left:2px solid #A020F0; border-top:2px solid #A020F0; border-bottom:2px solid #A020F0; }
section:nth-of-type(even) .slick-close:hover {  border-right:2px solid #A020F0; border-top:2px solid #A020F0; border-bottom:2px solid #A020F0;}
 */

.slide-element {}

.slide-element a { width: 100%;
  height: auto;
 
  padding: 0;
  display:block !important; }

.slide-element img {
	margin:0;  
	display:block;
  width: auto;
  height: 100%;
/*  object-fit: contain;*/
  object-fit: cover;

}

 

 

 
 
.tobii-zoom {
  display: block;}