/* The grid: Four equal columns that floats next to each other */
.columnprod {
    float: left;
    width: 25%;
    padding: 10px;
}
/* Style the images inside the grid */
.columnprod img {
    opacity: 0.8;
    cursor: pointer;
}

.columnprod img:hover {
    opacity: 1;
}

/* Clear floats after the columns */
.rowprod:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container */
.containerprod {
    position: relative;
}

/* Expanding image text */
#imgtext {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    font-size: 20px;
}

.center {
margin: auto;
width: 70%;
padding: 10px;
}
* {
    box-sizing: border-box;
}
/* Create two equal columns that floats next to each other */
.column {
    float: left;
    width: 40%;
    padding: 20px;

}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;


}
div.a {
    /* width: 400px; */
    border: 1px solid black;
    border-color:#000000;
    padding: 20px;
    font-size: 14px;
    border-radius: 10px;
	margin-bottom: 10px;
}
.reviewContent {
  -ms-word-break: break-all;
  word-break: break-all;

  /* Non standard for webkit */
  word-break: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}
#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
#light {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  z-index: 1002;
  overflow: visible;
}
#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: #222222;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}
.boxclose:before {
  content: "×";
}
#fade:hover ~ #boxclose {
  display:none;
}
.test:hover ~ .test2 {
  display: none;
}
input[type=button], input[type=submit], input[type=reset] {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 10px;
}


.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.btn-address {
    margin-top: 32px;
}

/* rating */
.star-rating {
  line-height:32px;
  font-size:1.25em;
}

.star-rating .fa-star{color: orange;}