/* CSS Document */
* {
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

/* SERVICES */
#services {
  /*height: 280px;*/
  padding: 20px 0;
  background-color: white;
}

#services .search img {
  float: left;
  margin-right: 20px;
}

#services .search .dropdown-toggle {
  border: 1px solid black;
  background: none;
  border-radius: 0px;
}

#services .search .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}

#services .search input {
  height: 38px;
  width: 220px;
  font-size: 16pt;
}

#services select["mobile_cat"] {
  display: none;
}

#services table td {
  padding: 10px 0;
}

#services table td a {
  color: black;
  text-decoration: none;
}

#services table td div:last-child {
  padding-left: 20px;
  font-size: 30px;
  font-weight: bold;
}

#services table td div:last-child .discount {
  font-size: 16px;
}

/* wordpress problem */
#services .container {
  overflow: visible;
}
/* OFFER */
#offer {
  padding: 0;
}

#offer .offer-name {
  float: left;
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 0 0 20px;
  font-size: 24px;
  font-weight: bold;
}

#offer .offer-desc {
  width: 49%;
  background-color: white;
  padding: 20px;
  border: 1px solid #e4e4e4;
  position: relative;
  color: black;
}

#offer .offer-desc table td {
  max-width: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#offer .no-image-left, #offer .no-image-right {
  height: 320px;
  width: 562px;
  background: radial-gradient(white, grey);
  line-height: 320px;
  text-align: center;
  font-size: 40px;
  color: black;
}

#offer .offer-both {
  height: 320px;
  overflow: hidden;
  margin: 20px 0;
}

#offer .offer-both:hover .moreinfo {
  text-decoration: underline;
}

#offer .offer-flex, #offer .offer-desc {
  display: inline-block;
  height: 320px;
}

#offer .offer-flex {
  padding: 0 !important;
}

#offer .offer-flex img {
  width: 600px;
  object-fit: fill;
  object-position: center;
}

#offer .offer-img-right>.offer-flex, #offer .no-image-right {
  float: right;
}               

#offer .offer-img-left>.offer-flex, #offer .no-image-left {
  float: left;
}

#offer .offer-discount {
  float: left;
  font-weight: bold;
  font-size: 30pt;
  color: white;
  padding: 5px;
}

#offer .offer-desc .description {
  overflow: hidden;
  height: 160px;
}

#offer p {
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
}

#offer .offer-desc table {
  position: absolute;
  bottom: 0;
  width: 530px;
}

#offer .web {
  text-align: right;
}

#offer .moreinfo {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 4px;
  height: 20px;
  color: white;
  text-decoration: none;
}

.emptyoffer {
  position: relative;
  height: 40px;
}