/* Melaminska vrata */






/* Ulazna vrata */


.ul-1 {
  background-image: url("ulazna-vrata/MGL-1/ulaz.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.ul-2 {
  background-image: url("ulazna-vrata/MGL-2/ulaz2.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.ul-3 {
  background-image: url("ulazna-vrata/MGL-2/bela.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.ul-4 {
  background-image: url("ulazna-vrata/nova-tura/front-transparent.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.ul-5 {
  background-image: url("ulazna-vrata/MGL-4/front-transparent.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.ul-6 {
  background-image: url("ulazna-vrata/MGL-5/front-transparent.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}


.ul-1:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.ul-2:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.ul-3:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.ul-4:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.ul-5:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.ul-6:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}


/* vrata od drvenih panela */




.dp-8 {
  background-image: url("drveni-paneli/PH-006/Layer\ 11.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}




.dp-8:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}




/* PVC skin vrata */

.pvc-1 {
  background-image: url("PVC-skin/B00/front-trans.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-2 {
  background-image: url("PVC-skin/C-11/transparent.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-3 {
  background-image: url("PVC-skin/D-12/transparent.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-4 {
  background-image: url("PVC-skin/E-00/transparent.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-5 {
  background-image: url("PVC-skin/PR-01/transparent.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-6 {
  background-image: url("PVC-skin/A00/front-trans.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-7 {
  background-image: url("PVC-skin/PR-03/front-trans.jpg");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-8 {
  background-image: url("PVC-skin/B00/front-trans.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-9 {
  background-image: url("PVC-skin/MT-01/front-trans.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-10 {
  background-image: url("PVC-skin/PS-01/front-trans.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-11 {
  background-image: url("PVC-skin/MD-01/front-trans.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-12 {
  background-image: url("PVC-skin/MT-02/mt-trans.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-13 {
  background-image: url("PVC-skin/F00/front-transp.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-14 {
  background-image: url("PVC-skin/MD-01/front-trans-hrast2.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-15 {
  background-image: url("PVC-skin/HF-G/front-trans.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-16 {
  background-image: url("PVC-skin/HF-H/front-transp.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-17 {
  background-image: url("PVC-skin/HF-J/front-transp.png");
  background-color: rgba(255, 255, 255, 0.582);
  background-position: center;
  background-repeat: no-repeat;
  /* border: 1px solid gray; */
  height: 470px;
  width: 250px;
  /* border: 1px solid red; */
  transition: scale 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(250, 235, 215, 0);
}

.pvc-1:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-2:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-3:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-4:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-5:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-6:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-7:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-8:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-9:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-10:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-11:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-12:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-13:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-14:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-15:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-16:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}

.pvc-17:hover {
  color: black;
  background-blend-mode:saturation;
  scale: 1.2;
}