.__imag{
  position: relative;
  width: 100%;
  height: auto;
}

.__imag img {
  width: 100%;
  vertical-align: top;
}

.__imag:after {
  content: '\A';
  position: absolute;
  width: 100%; height:100%;
  top:0; left:0;
  background:rgba(0,0,0,0.6);
  opacity: 0;
  transition: all 1s;
  -webkit-transition: all 1s;
}
.__imag:hover:after {
  opacity: 1;
}
.close-button {
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap
}

.topright {
  position: absolute;
  right: 0;
  top: 0
}

.middle {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.franquiciado {
  max-height: 453px;
  overflow: hidden;
  width: 551px;
  height: 463px !important;
}
.franquicia-section-3 {
  position: relative;
  z-index: 0;
  padding-top: initial !important;
}
.franquicia-color-h3 {
  text-align: left;
  font: normal normal 800 27px/31px "Raleway" !important;
  letter-spacing: 0px;
  color: #000000;
}
.franquicia-Color {
  text-align: left;
  font: normal normal normal 27px/31px "Raleway" !important;
  letter-spacing: 0px;
  color: #000000;
}
.products-list .__item:nth-of-type(odd) .__content {
  margin-left: auto !important;
}

.franquicia-heading {
  max-width: fit-content !important;
}
.franquicia-subtitle {
  max-width: 550px;
  margin: 6px auto auto auto;
  font: normal normal 17px/24px "Raleway" !important;
  letter-spacing: 0px;
  color: #666666;
  opacity: 1;
}
.franquicia-contacts:last-child {
  margin-bottom: 0;
}

.franquicia-contacts {
  margin-top: 95px;
  margin-bottom: 30px;
}
.title-section-3-1 {
  margin-bottom: 70px;
}
.title-section-3-2 {
  margin-top: 70px;
  margin-bottom: 70px;
}
.franquicia-color-h3-1 {
  text-align: center;
}
.franquicia-opcion {
  text-align: left;
  font: normal normal bold 18px/25px "Raleway";
  letter-spacing: 0px;
  color: #000000;
  padding-left: 15px;
}
.franquicia-opcion-1 {
  text-align: left;
  font: normal normal normal 18px/25px Raleway;
  letter-spacing: 0px;
  color: #666666;
}
.number {
  text-align: center;
  font: normal normal bold 22px/31px "Raleway";
  letter-spacing: 0px;
  color: #666666;
  opacity: 1;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #ed2026;
  border-radius: 41px;
  /* width: 60px; */
  height: 39px;
  /* padding-top: 2px; */
  display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cost{
  /* height: 50px; */
  width: 38px;
}
.products-list .__content {
  max-width: initial !important;
}
.opcion {
  display: flex;
  align-items: center;
}
.franquicia-opcion {
  display: flex;
}
.section-franquicia-background {
  background-image: url("../img/Pizza Da Vinci.png");
  background-size: cover;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 0;
}
.franquicia-subtitle-h3-3 {
  text-align: left;
  font: normal normal bold 32px/45px "Raleway";
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}
.section-franquicia-pizza {
  /* background-size: auto; */
  margin: 0px auto !important;
  min-height: 42vh !important;
}
.section-heading-franquicia {
  margin-left: initial !important;
  margin-bottom: 0px !important;
  max-width: 700px !important;
}
.franquicia-subtitle-bold-h3 {
  text-align: left;
  font: normal normal bold 32px/37px "Raleway" !important;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 0px;
}
/***********************/
.pizza-h3-franquicia {
  text-align: left;
  font: normal normal normal 21px/25px "Raleway" !important;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 0px;
}
.section-trattoria-1-franquicia {
  margin-top: 75px;
}
.gray-photo-franquicia {
  margin-bottom: 83px;
}
.section-2-p-franquicia {
  text-align: justify;
  font: normal normal normal 18px/25px "Raleway";
  letter-spacing: 0px;
  color: #666666;
  opacity: 1;
}
.btn-more-franquicia {
  margin-top: 65px;
}
.authentic-Product-btn-franquicia {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #0e7d40 !important;
  border-radius: 41px !important;
  max-width: 190px !important;
  max-height: 50px !important;
  padding-top: 13px !important;
  font: normal normal bold 14px/24px "Raleway" !important;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.oferta-btn {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #0e7d40 !important;
  border-radius: 41px !important;
  max-width: 190px !important;
  max-height: 50px !important;
  padding-top: 13px !important;
  font: normal normal bold 14px/24px "Raleway" !important;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

/*------------------------MEDIA QUERY-----------------------------*/
@media (min-width: 1200px){
  .trattoria-container-franquicia {
    padding-left: 4px !important;
}
}
@media (max-width: 991px) {
  .franquicia-color-h3 {
    text-align: center;
  }
  .top-bar {
    margin: 0 auto 49px auto !important;
  }.top-bar__logo {
    top: 9px;

  }
}
@media (max-width: 767px) {
  .number {
    width: 50px;
    height: 40px;
  }
  .franquiciado {
    height: auto !important;
  }
  .item-franquicia {
    margin-bottom: 34px;
  }
  .franquicia-opcion {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: initial;
    text-align: center;
  }

  .number {
    margin-bottom: 30px;
  }
  .franquicia-Color {
    font: normal normal normal 20px/31px "Raleway" !important;
  }
  .franquicia-color-h3 {
    font: normal normal 800 20px/31px "Raleway" !important;
  }
}
@media (max-width: 416px) {
  .franquiciado {
    height: auto !important;
  }
  .gray-photo {
    margin-bottom: 0px !important;
  }

  .franquicia-Color {
    text-align: center;
    font: normal normal normal 16px/31px "Raleway" !important;
  }
  .franquicia-color-h3 {
    font: normal normal 800 16px/31px "Raleway" !important;
  }
  .franquicia-subtitle-bold-h3 {
    text-align: left;
    font: normal normal bold 23px/37px "Raleway" !important;
  }
}