/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 /*Contenu page Tables de découpe-------------------------------------------------------------*/
.container-machines-iecho {
  display: flex;
  height: 50vh;
}
.section-machines-iecho {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  position: relative;
  transition: flex .4s ease;
}
.section-machines-iecho:hover {
  flex: 2;
}
.overlay-machines-iecho {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  transition: background-color .8s ease;
}
.section-machines-iecho:hover .overlay-machines-iecho {
  background-color: rgba(0, 0, 0, 0.8);
}
.content-machines-iecho h1 {
  color: white;
  z-index: 2;
}
#packaging-machines-iecho {
  background-image: url(https://www.caprofilm.com/img/cms/iecho/packaging-2.jpg);
}
#label-machines-iecho {
  background-image: url(https://www.caprofilm.com/img/cms/iecho/RK-3.jpg);
}
#grand-format-machines-iecho {
  background-image: url(https://www.caprofilm.com/img/cms/iecho/SK-1.jpg);
}

/*Contenu page plotter-------------------------------------------------------------*/
 .container-plotter-graphtec {
  display: flex;
  height: 40vh;
  width: 100%;
}
.section-plotter-graphtec {
  flex: 1.3;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  position: relative;
  transition: flex .4s ease;
}
.section-plotter-graphtec:hover {
  flex: 2;
}
.overlay-plotter-graphtec {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  transition: background-color .8s ease;
}
.section-plotter-graphtec:hover .overlay-plotter-graphtec {
  background-color: rgba(0, 0, 0, 0.8);
}
.content-plotter-graphtec {
  color: white !important;
  text-align: center;
  z-index: 2;
}
.content-plotter-graphtec h1 a{
  color: white !important;
}
 #ce6000-plotter-graphtec {
    background-image: url(../../../../../img/cms/graphtec/image-ce6000.jpg);
  }
  #fc9600-plotter-graphtec {
    background-image: url(/img/cms/graphtec/image-fc9600.jpg);
  }