/*text inside image*/
.container-front-page {
  position: relative;

}

.container-front-page .text-container {
  position: absolute;
  top: 5%;
  right: 10%;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;

  padding: 6px 12px;
  border: none;
  font-family: Times New Roman;
  text-align: center;
}
.container-front-page .text-inside-image{
    font-size: 40px;
}
.container-front-page .sementopp{
    font-size: 35px;
}
.container-front-page .text-container-price {
  position: absolute;
  bottom: 5%;
  left: 0%;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;

  padding: 6px 12px;
  border: none;
  font-family: Times New Roman;

}
.container-front-page .text-inside-image-price{
    font-size: 30px;
}
.container-front-page .price-2{
    font-size: 25px;
}
.container-front-page .text-container-dimension {
  position: absolute;
  bottom: 14%;
  right: 0%;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;

  padding: 6px 12px;
  border: none;
  font-family: Times New Roman;

}
.container-front-page .size{
    font-size: 20px;
}
.container-front-page .identity{
  position: absolute;
  bottom: 2%;
  right: 2%;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  font-size: 17px;
  padding: 6px 12px;
  border: none;
  font-family: Times New Roman;

}
.container-front-page .link{
    position: absolute;
  bottom: 2%;
  right: 10%;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  font-size: 17px;
  padding: 6px 12px;
  border: none;
  font-family: Times New Roman;
}
.container-front-page .komponent{
    position: absolute;
  bottom: 15%;
  right: 10%;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  font-size: 17px;
  padding: 6px 12px;
  border: none;
  font-family: Century Gothic;
}
.container-front-page .garanti{
    position: absolute;
  bottom: 2%;
  right: 33%;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  font-size: 17px;
  padding: 6px 12px;
  border: none;
  font-family: Century Gothic;
}



/*end*/

/*button inside image*/
.container-front-page {
  position: relative;

}


.container-front-page .btn {
  position: absolute;
  top: 65%;
  right: 0%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 3px 6px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}
.container-front-page .btn2 {
  position: absolute;
  bottom: 5%;
  right: 6%;
  color: black;
  font-size: 19px;
  border: none;
  border-radius: 3px;
  text-align: center;
  font-family: Times New Roman;
}

.container-front-page .btn:hover {
  background-color: black;
}


/*end*/
/* text inside image identity*/
.container-text-image{
    position: relative;  
}
.container-text-image .text{
      position: absolute;
  bottom: 10%;
  right: 6%;
  color: black;
  font-size: 12px;
  border: none;
  border-radius: 3px;
  text-align: center;
  font-family: Times New Roman;
}
.container-text-image .text-identity{
      position: absolute;
  bottom: 5%;
  right: 6%;
  color: black;
  font-size: 12px;
  border: none;
  border-radius: 3px;
  text-align: center;
  font-family: Times New Roman;
}


/**/


/*text inside image image bottom*/
.container-text-image-bottom {
  position: relative;

}



.container-text-image-bottom .text-bot {
  position: absolute;
  bottom: 0%;
  left: 21%;

}

.container-text-image-bottom .black {
  color: black;
  font-size: 15px;
  font-family: Times New Roman;
}
.container-text-image-bottom .smallblack {
  color: black;
  font-size: 14px;
  font-family: Times New Roman;
}

.container-text-image-bottom .red {
  color: red;
  font-size: 17px;
  font-family: Times New Roman;
}
.container-text-image-bottom .pairinred {
  color: black;
  font-size: 17px;
  font-family: Times New Roman;
}
.container-text-image-bottom .before {
  color: black;
  font-size: 14px;
  font-family: Times New Roman;
  font-style: italic;
}


/*end*/
/*Text inside image fences and gates*/
.container-text-image-fences-gates{
    position: relative;  
}
.container-text-image-fences-gates .gates{
  position: absolute;
  bottom: 10%;
  left: 30%;
  font-size: 15px;
  border: none;

  text-align: center;
  font-family: Times New Roman;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;

  padding: 6px 12px;
  border: none;
}
.container-text-image-fences-gates .fences{
      position: absolute;
  bottom: 15%;
  right: 40%;

  font-size: 15px;
  border: none;
  text-align: center;
  font-family: Times New Roman;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;

  padding: 6px 12px;
  border: none;
  font-family: Times New Roman;
  
}


/**/