#allWinesList {
  list-style-type: none;
  float: left;
  height: 40vw;
  overflow: hidden;
  overflow-y: scroll;
  padding: 0;
  margin-bottom: 30%;
}

#allWinesList li {
  padding: 11% 5% 11% 10%;
  font-family: "Migra";
  font-weight: 400;
  font-size: 1.55vw;
}

#allWinesList li:hover {
  background-color: #e8e5dd !important;
}

#allWinesList .wine_selected:hover {
  background-color: #21201e !important;
}

#allWinesList::-webkit-scrollbar {
  display: none;
}

.wine_selected {
  background-color: #21201e !important;
  color: #d8c289;
}

.wine_title {
  font-size: 2.35vw;
  margin-top: 9% !important;
  position: absolute;
  width: 48%;
}

.wine_img {
  width: 70%;
  height: 40vw;
  margin: 18% auto auto;
  border: 1px solid #1f1f1f;
  border-radius: 50% / 30%;
  z-index: -10;
}

.wine_img div {
  margin: 5%;
  height: 37.5vw;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.wine_img div img {
  max-width: 30%;
  margin-bottom: 15%;
}

.wine_button {
  background-color: #1f1f1f;
  color: #d8c289;
  padding: 12% 6%;
  border-radius: 50%;
  font-family: Migra;
  font-size: 1.5vw;
}

a.wine_button:hover {
  color: #d8c289;
}

#catalog_wine_img_card_mobile {
  flex-direction: column;
  text-align: center;
}

@keyframes scaleLine {
  100% {
    transform: scaleX(3);
  }
}

.colecciones-h3-cabecera h3:hover:before {
  content: "";
  width: 12px;
  height: 1px;
  position: absolute;
  background-color: #d9c38a;
  left: 20px;
  top: 40%;
  margin-left: 2% !important;
  animation: scaleLine 0.4s forwards;
}

#spain_map {
  z-index: 99;
}

.listado_bodegas {
  z-index: 100;
}

.catalog-arrow-btn i {
  border-color: #e8e5dd !important;
}

.catalog-arrow-btn:hover i {
  border-color: #e8e5dd !important;
}

@media only screen and (max-width: 640px) {
  .title-mb-50 {
    font-size: 50px !important;
  }
}

.container-img-wine div {
  border-radius: 50% 50% 50% 50% / 30% 30% 30% 30% !important;
}

.container-img-wine div div {
  margin: 5%;
}

.wine_title_mobile {
  font-family: "Migra" !important;
  font-size: 40px !important;
  line-height: 50px !important;
  margin: 0 6%;
  position: absolute;
}

.wine_img_mobile {
  width: 92%;
  height: 150vw;
  margin: 5% auto auto;
  border: 1px solid #1f1f1f;
  border-radius: 50% / 30%;
  z-index: -10;
}

.wine_img_mobile > div {
  margin: 5%;
  height: 140vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% / 30% !important;
}

.wine_img_mobile > div > img {
  max-width: 40%;
}

@media only screen and (max-width: 640px) {
  .wine_button_mobile {
    font-size: 18px !important;
    width: fit-content;
    margin: auto;
  }

  #catalog_wine_img_card_mobile {
    flex-direction: column;
    text-align: center;
  }

  .prev-wine,
  .next-wine {
    width: 70px;
    height: 70px;
    background-color: #a5664d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
  }

  .slider-wines-buttons {
    width: 100%;
    position: absolute;
    top: 36%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.wines-list-dot-slider {
  width: 3vw;
  margin: auto 10%;
  display: block;
  align-items: center;
  justify-content: space-evenly;
  position: absolute;
  top: 45%;
  left: -10%;
}

.wines-list-dot-slider div {
  width: 0.9vw;
  height: 0.9vw;
  background-color: #dedace;
  border-radius: 50%;
  margin: 10%;
}

@media only screen and (max-width: 640px) {
	.wines-list-dot-slider {
		width: 65vw;
		margin: 10% auto;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		position: relative;
		top: 0;
		left: 0;
	}

	.wines-list-dot-slider div {
	  	width: 17px;
		height: 17px;
		background-color: #dedace;
		border-radius: 50%;
		margin: 0;

	}
}

.change_wine_slide {
  cursor: pointer;
}

@media only screen and (min-width: 640px) {
  .prev-wine,
  .next-wine {
    width: 5vw;
    height: 5vw;
    background-color: #a5664d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
  }

  .slider-wines-buttons {
    width: 54%;
    position: absolute;
    top: 50%;
    left: 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

#wines_slider {
  width: 70%;
  overflow-x: visible;
}

/* home slider */
.catalog_slider #wines_slider {
  width: 90%;
  overflow-x: visible;
  margin-left: 5%;
}

.catalog_slider #wines_slider .wine_title {
  margin-top: 5% !important;
  font-size: 1.85vw;
  width: 40%;
  margin-left: 5% !important;
}

.catalog_slider #wines_slider .wine_img {
  width: 60% !important;
  height: 27vw !important;
  margin: 10% auto !important;
}

.catalog_slider #wines_slider .wine_img > div {
  height: 25.5vw !important;
}

.catalog_slider #wines_slider .wine_button_container {
  margin-top: -10%;
  margin-bottom: 10%;
}

.catalog_slider #wines_slider .wine_button {
  background-color: #1f1f1f;
  color: #d8c289;
  padding: 10% 5.06%;
  border-radius: 50%;
  font-family: Migra;
  font-size: 1vw;
}

.catalog_slider #wines_slider .slider-wines-buttons {
  width: 50%;
  position: absolute;
  top: 43%;
  left: 5%;
}

.catalog_slider #wines_slider .wines-list-dot-slider {
  margin: auto 0;
  top: 35%;
  left: 0;
}

.catalog_slider #wines_slider .wine_slide {
  width: 26vw !important;
}

#do_table_wines {
  cursor: pointer;
}

#do_table_wines .td_clicked {
  background-color: #a5664d;
  color: #fff;
}

#do_table_wines td:hover {
  background-color: #a5664d;
  color: #fff;
}
