.changerow_zindex{
	
}
.changerow_zindex:hover{
	z-index: 11000 !important;
}
.change_zindex{
	
}
.change_zindex:hover{
	z-index: 10000 !important;
}

.com_zoom {
  transition: var(--anim_time) transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12); /* 0.3s;  Animation */
}

.com_zoom:hover {
	z-index: 10000 !important;
	/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;	
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;*/
	box-shadow: var(--shadow_style);/*rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;*/
    transform: var(--scale); /*scale(1.1); (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    /*transform: translate(50px, 0px);*/ 
}

.infosstyle{
	color:#C5CE06;
	font-size:11px;
	padding:2px 15px 0px 15px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Cards image effects */


/* Zoom Container */
.img-hover-zoom--zoom {
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

.img-hover-zoom--zoom img {
  transition: transform .5s ease;
}

.img-hover-zoom--zoom:hover img {
  transform: scale(1.2);
  overflow: hidden;
}


/* Quick-zoom Container */
.img-hover-zoom--quick-zoom {
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

.img-hover-zoom--quick-zoom img {
  transform-origin: 0 0;
  transition: transform .25s, visibility .25s ease-in;
}

.img-hover-zoom--quick-zoom:hover img {
  transform: scale(2);
  overflow: hidden;
}


/* Point-zoom Container */
.img-hover-zoom--point-zoom {
  height: 300px; 
  overflow: hidden; 
}
.img-hover-zoom--point-zoom img {
  transform-origin: 65% 75%;
  transition: transform 1s, filter .5s ease-out;
  overflow: hidden;
}

.img-hover-zoom--point-zoom:hover img {
  transform: scale(5);
  overflow: hidden;
}


/* Zoom-n-rotate Container */
.img-hover-zoom--zoom-n-rotate {
  height: 300px; 
  overflow: hidden; 
}
.img-hover-zoom--zoom-n-rotate img {
  transition: transform .5s ease-in-out;
  overflow: hidden;
}

.img-hover-zoom--zoom-n-rotate:hover img {
  transform: scale(2) rotate(25deg);
  overflow: hidden;
}


/* Slow-motion Zoom Container */
.img-hover-zoom--slowmo {
  height: 300px; 
  overflow: hidden; 
}
.img-hover-zoom--slowmo img {
  transform-origin: 50% 65%;
  transition: transform 5s, filter 3s ease-in-out;
  filter: brightness(150%);
  overflow: hidden;
}

.img-hover-zoom--slowmo:hover img {
  filter: brightness(100%);
  transform: scale(3);
  overflow: hidden;
}


/* Brightness-zoom Container */
.img-hover-zoom--brightness {
  height: 300px; 
  overflow: hidden; 
}
.img-hover-zoom--brightness img {
  transition: transform 0.5s, filter 0.5s ease-in-out;
  transform-origin: center center;
  filter: brightness(50%);
  overflow: hidden;
}

.img-hover-zoom--brightness:hover img {
  filter: brightness(100%);
  transform: scale(1.3);
  overflow: hidden;
}


/* Horizontal Zoom-n-pan Container */
.img-hover-zoom--zoom-n-pan-h {
  height: 300px; 
  overflow: hidden; 
}
.img-hover-zoom--zoom-n-pan-h img {
  transition: transform .5s ease-in-out;
  transform: scale(1.4);
  transform-origin: 100% 0;
  overflow: hidden;
}

.img-hover-zoom--zoom-n-pan-h:hover img {
  transform: scale(1.5) translateX(30%);
  overflow: hidden;
}


/* Vertical Zoom-n-pan Container */
.img-hover-zoom--zoom-n-pan-v {
  height: 300px; 
  overflow: hidden; 
}
.img-hover-zoom--zoom-n-pan-v img {
  transition: transform .5s ease-in-out;
  transform: scale(1.4);
  transform-origin: 0 0;
  overflow: hidden;
}

.img-hover-zoom--zoom-n-pan-v:hover img {
  transform: scale(1.25) translateY(-15%);
  overflow: hidden;
}


/* Blur-zoom Container */
.img-hover-zoom--blur {
  height: 300px; 
  overflow: hidden; 
}
.img-hover-zoom--blur img {
  transition: transform 1s, filter 1s ease-in-out;
  filter: blur(2px);
  transform: scale(1.2);
  overflow: hidden;
}

.img-hover-zoom--blur:hover img {
  filter: blur(0);
  transform: scale(1);
  overflow: hidden;
}


/* Colorize-zoom Container */
.img-hover-zoom--colorize {
  height: 300px;
  overflow: hidden; 
}
.img-hover-zoom--colorize img {
  transition: transform .5s, filter 1.5s ease-in-out;
  filter: grayscale(100%);
  overflow: hidden;
}

.img-hover-zoom--colorize:hover img {
  filter: grayscale(0);
  transform: scale(1.1);
  overflow: hidden;
}


/*###############################################################################################################################################################################""*/
/* Conteneur principal */
.overlay-image {
 position: relative;
 width: 100%;
}

/* Image originale */
.overlay-image .image {
 display: block;
 width: 100%;
 height: auto;
}

/* Texte original */
.overlay-image .text {
 color: #fff;
 font-size: 13px;
 line-height: 1.5em;
 text-shadow: 2px 2px 2px #000;
 text-align: center;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
}

/********* Hover image et texte *******/

/* Overlay */
.overlay-image .hover {
 position: absolute;
 top: 0;
 height: 100%;
 width: 100%;
 opacity: 0;
 transition: .5s ease;
}

/* Apparition overlay sur passage souris */
.overlay-image:hover .hover {
 opacity: 1;
}

/********* Hover background et texte uniquement *******/

.overlay-image .normal {
 transition: .5s ease;
}
.overlay-image:hover .normal {
 opacity: 0;
}
.overlay-image .hover {
 background-color: rgba(0,0,0,0.7);
}